模态打开后Bootstrap 3画廊自动幻灯片激活？

Question

我正在使用Bootstrap 3，我在主页上有一个画廊和一个模态。我使用以下方法禁用了库中的自动幻灯片：

function galleryCarousel() {
        $ub('.carousel').carousel({
        pause: true,
        interval: false       
    })
};

我唯一的问题是当有人点击按钮调出模态时，画廊会突然开始自动再次滑动并继续直到你关闭模态。奇怪的是，只有在您单击转到图库中的第二个图像后才会再次开始自动滑动。

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

您可以在此处查看原型：http://copy-writer-otter-74032.netlify.com/

只需将图库推进到下一张幻灯片，然后点击页面底部的“个人资料”按钮即可显示模态 - 等待几秒钟，然后观看图库再次开始自动滑动。

Answer 1

问题是您已经使用数据属性初始化滑块。这意味着应用了默认滑块。它似乎不在auto上的原因是因为默认情况下将鼠标悬停在滑块上时滑块不会移动。一旦打开模态，滑块就不会接收悬停，它将开始移动。只需将鼠标放在标题上，或打开其中一个下拉菜单，您就会看到它开始移动。

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

看看我创建的演示。
没有数据属性：http://codepen.io/anon/pen/rVRaeR
使用数据属性：http://codepen.io/anon/pen/JdzoKj