jquery - Bootstrap - 暂停轮播

Question

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

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

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

但是它不起作用。我采取间隔:假的原因是这里的另一篇文章，这也是行不通的:

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

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

我掌握了所有 Bootstrap 的东西，淡入淡出过渡，粘贴我的菜单，但这根本行不通。现场演示: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 没有句点或 #。