Bootstrap Carousel NextGen JavaScript冲突

Question

我使用Roots主题（基于bootstrap）来开发自定义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

图库页面是NextGen图库所在的位置。

上面的剧本可以看出，两个旋转木马应该以不同的速度移动，并且比现在的网站慢得多。只要我停用NextGen插件，两个旋转木马就能完美运行。

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

Answer 1

你没有使用任何bootstrap css和所需的bootstrap js。

没有它不会工作。

Bootstrap需要jquery和bootstrap js来实现Collapsed菜单，carousal等。