我想要做的是将鼠标悬停在另一个 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 中
最佳答案
假设 #running-box
是您想要用作悬停目标的元素,并且 #bg-car
是带有轮播的元素,则以下内容将起作用:
$("#running-box").hover(
function(){
$("#bg-car").carousel('pause');
},
function() {
$("#bg-car").carousel('cycle');
}
);
请注意,您的示例中的 bg-car
没有句点或 #。
关于jquery - Bootstrap - 暂停轮播,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15818064/