javascript - jQuery 库与内联脚本冲突

Question

我的 WordPress 网站中有一些 javascript，它也需要一个 jquery 库才能正常工作。但网站中已经包含了一个不适用于此代码的库。如果我使用 javascript 在页脚中添加了库，那么代码将正常工作，但这会与其他库产生一些冲突。有没有办法在一个页面中使用两个库而不发生任何冲突？

Answer 1

您可以使用jQuery.noConflict()可以选择同时使用多个版本的 jQuery，但您仍然需要查看您要使用的插件在使用不同的 jQuery 版本调用时是否有效。

假设您通过 noConflict 加载两个版本，如下所示:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
   var $v3 = jQuery.noConflict();
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

然后，您将能够将“1.9”与全局范围的 jQuery 变量 $ 一起使用，并将较新版本与 $v3 一起使用。这可能如下所示:

var $body = $('body'); // default option

$v3("input-date").datepicker(); // use jQuery v3 to initialize the plugin