Bootstrap - 暂停轮播

时间:2013-04-04 17:43:16

标签: jquery twitter-bootstrap carousel

我想要做的是当鼠标悬停在另一个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

1 个答案:

答案 0 :(得分:3)

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

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

请注意,您的示例中包含bg-car没有句号或#。