jScrollPane 和 NivoSlider WP 插件之间的 jQuery 冲突问题答案

【问题标题】：jQuery conflict issues between jScrollPane and NivoSlider WP pluginjScrollPane 和 NivoSlider WP 插件之间的 jQuery 冲突问题
【发布时间】：2012-04-05 17:28:52
【问题描述】：

我遇到了jScrollPane 和 NivoSlider WP 插件的冲突问题。在安装 NivoSlider 之前，jScrollPane 工作正常。安装后出现以下错误：

$('.scrollpane').jScrollPane is not a function

我已经尝试了所有我知道的 jQuery.noConflict 组合，这些组合在 documentation 中列出。

我也尝试了此处找到的所有建议：jScrollPane Scrollbar Problem

这包括使用 WPScrollPane 插件，尽管它确实阻止了错误的发生，但它似乎不起作用。

这里是带有冲突 JS 的 pastebin：

【问题讨论】：

在 JSFiddle 中复制它通常更容易解决问题：jsfiddle.net

标签： jquery jscrollpane nivo-slider

【解决方案1】：

我找到了导致此问题的问题。 NivoSlider WP 插件通过 Wordpress 中的 wp_footer() 钩子包含了一个附加版本的 jQuery。为了解决这个问题，我进入了插件文件并编辑了 nivoslider4wp-show.php。

在我的 Wordpress 安装中：

{wordpress 目录}/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-show.php

在第 32 行我删除了：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

问题已解决！

【讨论】：