同一页面上的多个版本的 JQuery [重复]

Posted 2023-05-07

【中文标题】同一页面上的多个版本的 JQuery [重复]

【英文标题】：Multiple versions of JQuery on the same page [duplicate]

【发布时间】：2012-10-31 03:18:12

【问题描述】：

是否可以处理加载在同一页面中的 2 个版本的 jQuery 之间的冲突？假设这些代码行：

<script type="text/javascript" src="jquery-1.1.3.js"></script>
<script type="text/javascript" src="jquery-1.4.2.js"></script>

<script type="text/javascript" src="thisFileUsesFirstJquery.js"></script>
<script type="text/javascript" src="thisFileUsesSecondJquery.js"></script> 

我不使用内联 java 脚本代码。在我的情况下，我的 java 脚本代码发生在外部文件上。我的问题是：我应该如何使用 noConflict() 方法来防止它们之间发生冲突。

【问题讨论】：

我认为你必须在内联脚本标签中的每个 jQuery 脚本标签之后立即声明一个 noConflict 变量。

【参考方案1】：

是的，你可以这样做：

  <script type="text/javascript" src="jquery-1.1.3.js"></script>
  <script> $113 = jQuery.noConflict();</script>
  <script type="text/javascript" src="jquery-1.4.2.js"></script>

然后在您的代码中使用 $113 或 $

【讨论】：

谢谢基里尔，我实际上在使用 wordpress，一个 jquery 文件在 header.php 中，另一个在另一个 php 文件中。当我浏览我的网站时，我的网站剂量中的一些行为不能正常工作。

@MisaghAghakhani 在将 1.4 从 $(document).ready(function()/* code*/ 添加到 $113(document).ready(function($)/* code*/ 之前，您需要更改现有代码中的所有 document.ready。您仍然可以在该包装器中使用$...或升级所有以前的代码，这些代码可能在选择器中使用了 lof @，这是一个已弃用的协议