首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Bootstrap 3画廊自动幻灯片激活后模式打开?

Bootstrap 3画廊自动幻灯片激活后模式打开?
EN

Stack Overflow用户
提问于 2015-08-08 01:56:40
回答 1查看 332关注 0票数 0

我正在使用Bootstrap 3,我在主页上有一个图库和一个模式。我已经通过使用以下命令禁用了图库上的自动幻灯片:

代码语言:javascript
复制
function galleryCarousel() {
        $ub('.carousel').carousel({
        pause: true,
        interval: false       
    })
};

我唯一的问题是,当有人点击按钮调出模式时,图库突然开始自动再次滑动,并将一直持续到你关闭模式。奇怪的是,只有在你点击转到图库中的第二张图片后,才会发生这种情况,它会再次启动自动幻灯片。

我尝试了几种方法来解决这个问题,但都无济于事。

您可以在此处看到原型的工作方式:http://copy-writer-otter-74032.netlify.com/

只需将图库前进到下一张幻灯片,然后单击页面底部的“配置文件”按钮来调出模式-等待几秒钟,然后观看图库再次开始自动滑动。

EN

回答 1

Stack Overflow用户

发布于 2015-08-08 02:22:40

问题是你已经在用数据属性初始化滑块了。这意味着将应用默认滑块。之所以它看起来不是自动的,是因为默认情况下,当你将鼠标悬停在它上面时,滑块不会移动。一旦您打开模式,滑块不会收到悬停,它将开始移动。只需将鼠标放在标题上,或打开其中一个下拉列表,您就会看到它开始移动。

简单的解决方案是将data-interval="false"添加到滑块元素中。这也意味着您可以删除该javascript。

看看我创建的演示。

不带数据属性:http://codepen.io/anon/pen/rVRaeR

具有数据属性:http://codepen.io/anon/pen/JdzoKj

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31883937

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档