javascript - 冲突 jQuery 插件

Question

我正在构建一个网站，我使用了一个 jQuery 小部件插件来在选择链接时显示特定的 div。然而，为了让它工作，它需要“jquery-1.2.6.min.js”插件才能工作。

然而，该网站的框架是使用 Bootstrap 构建的，我还想包括一个光滑的 slider ，它都需要“jquery-1.11.0.min.js”才能工作。这些显然是相互冲突和阻碍操作的。

我不熟悉 jQuery，所以我想知道是否有解决这个问题的方法或更好的解决方案来解决这个问题，或者我是否需要找到另一个小部件插件来显示 div。

Answer 1

如果无法更新/替换旧代码，您可以使用 noConflict 同时运行多个版本的 jQuery:

<!-- load jQuery 1.2.6 -->
<script type="text/javascript" src="http://example.com/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
var jQuery_1_2_6 = $.noConflict(true);
</script>

<!-- load jQuery 1.11.0 -->
<script type="text/javascript" src="http://example.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
var jQuery_1_11_0 = $.noConflict(true);
</script>

...然后只需传入您想要的特定版本即可。