jQuery库与内联脚本冲突

Posted 2021-03-27

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

答案

您可以使用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