Bootstrap Carousel NextGen JavaScript冲突

Question

我使用Roots主题（基于引导程序）来开发自定义WordPress网站。 我最近开始使用NextGen Gallery（和Gallery PRO）添加易于管理的照片画廊。

我遇到的问题是Bootstraps Carousel Interval Speed和NextGen Gallery之间的冲突。 激活NextGen后，轮播速度会将其自身设置为默认速度。

如何解决这个JavaScript冲突？

这是间隔速度的轮播脚本：

  <script type="text/javascript">
$(document).ready(function(){
    $('#centerSlider').carousel({
        interval: 400
    })
    $('#rightSlider').carousel({
        interval: 650
    })
});

这是我遇到问题的网站：www.dirtyblondecocktails.com

Gallery页面是NextGen Gallery所在的位置。

从上面的脚本可以看到，两个转盘应该以不同的速度移动，并且速度要比当前站点上慢得多。 停用NextGen插件后，两个轮播会完美运行。

是的，我尝试停用其他插件以将其范围缩小到此特定插件。

Answer 1

您没有使用任何引导CSS和必需的引导js。

没有它就行不通。

Bootstrap需要使用jquery和bootstrap js才能使折叠的菜单，圆盘等发挥作用。