jquery - Bootstrap - 暂停轮播

Question

我想要做的是将鼠标悬停在另一个 div 上时暂停我的轮播。我尝试为此使用 jQuery 和 .hover：

$('#running-box, #bg-car').carousel({})

    $("#running-box").hover(function(){
        $("bg-car").carousel({interval: false});
    });

但它不起作用。我使用 interval:false 的原因是这里的另一篇文章，这也行不通：

$('#running-box, #bg-car').carousel({})

    $("#running-box").hover(function(){
        $("bg-car").carousel('pause');
    });

我掌握了所有引导程序的东西，褪色的过渡，贴上我的菜单，但这根本行不通。现场演示： http: //mentsik.eu/kerek/

这只是一个测试 Bootstrap 的测试站点。我的 Javascript 就像在示例中一样，在自己的 applications.js 中

Answer 1

假设#running-box您要用作悬停目标的元素并且#bg-car是带有轮播的元素，则以下内容将起作用：

 $("#running-box").hover(
    function(){
        $("#bg-car").carousel('pause');
     },
    function() {
      $("#bg-car").carousel('cycle');
    }
  );

请注意，您的示例bg-car没有句点或 #。