2012-11-11 50 views
7

是否可以处理在同一页面中加载的jQuery的两个版本之间的冲突?假设这些代码行如下:同一页面上的多个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()方法来防止它们之间的冲突。

+0

我想你一定在嵌入式脚本标签中的每个jQuery脚本标签后立即声明noConflict变量。 – user197508

回答

20

是你可以做这样的:

<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或在你的代码$

+0

谢谢基里尔我,m实际上使用wordpress和一个jquery文件在header.php中,另一个在另一个php文件中。当我浏览我的网站时,我的网站中的一些行为无法正常工作。 –

+1

@MisaghAghakhani在将$(document).ready(function(){/ * code * /}'1.4添加到$ 113(document).ready(function)中之前,您需要在现有代码中更改所有'document.ready' ($){/ * code * /}',你仍然可以在这个包装器中使用'$'...或者升级所有以前的代码,这些代码可能在选择器中使用了一个lof“@”已弃用 – charlietfl

+0

thx。它适合我 –

相关问题