Bootstrap - 暂停轮播

Question

我想要做的是当鼠标悬停在另一个div上时暂停我的旋转木马。 我尝试使用jQuery和.hover：

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

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

但它不起作用。 我接受间隔的原因：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没有句号或＃。