引导轮播 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

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

从我上面的脚本可以看出，两个轮播应该以不同的速度移动，并且比它们目前在网站上的移动速度要慢得多。一旦我停用 NextGen 插件，两个轮播就会完美运行。

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

Answer 1

您没有使用任何引导 css 和所需的引导 js。

没有它是行不通的。

Bootstrap 需要 jquery 和 bootstrap js 来实现折叠菜单、轮播等功能。