jQuery库与内联脚本冲突

时间:2019-04-20 13:23:55

标签: javascript jquery

我的wordpress网站上有一些JavaScript,这也需要一个jquery库才能正常工作。但是站点中已经包含一个不适用于此代码的库。如果我已使用javascript在页脚中添加了该库,则该代码将正常运行,但是会与其他库产生一些冲突。有没有办法在一个页面内使用两个库而没有任何冲突?

1 个答案:

答案 0 :(得分: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