我正在使用Bootstrap 3,我在主页上有一个图库和一个模式。我已经通过使用以下命令禁用了图库上的自动幻灯片:
function galleryCarousel() {
$ub('.carousel').carousel({
pause: true,
interval: false
})
};我唯一的问题是,当有人点击按钮调出模式时,图库突然开始自动再次滑动,并将一直持续到你关闭模式。奇怪的是,只有在你点击转到图库中的第二张图片后,才会发生这种情况,它会再次启动自动幻灯片。
我尝试了几种方法来解决这个问题,但都无济于事。
您可以在此处看到原型的工作方式:http://copy-writer-otter-74032.netlify.com/
只需将图库前进到下一张幻灯片,然后单击页面底部的“配置文件”按钮来调出模式-等待几秒钟,然后观看图库再次开始自动滑动。
发布于 2015-08-08 02:22:40
问题是你已经在用数据属性初始化滑块了。这意味着将应用默认滑块。之所以它看起来不是自动的,是因为默认情况下,当你将鼠标悬停在它上面时,滑块不会移动。一旦您打开模式,滑块不会收到悬停,它将开始移动。只需将鼠标放在标题上,或打开其中一个下拉列表,您就会看到它开始移动。
简单的解决方案是将data-interval="false"添加到滑块元素中。这也意味着您可以删除该javascript。
看看我创建的演示。
不带数据属性:http://codepen.io/anon/pen/rVRaeR
具有数据属性:http://codepen.io/anon/pen/JdzoKj
https://stackoverflow.com/questions/31883937
复制相似问题