2013-03-31 10 views
-1

在我的代碼如下所示,jQuery是版本1.9.1和jQuery1是版本1.2.6,我將如何能夠將它們都集成,以便兩者都將相互兼容?兩個不同的jQueries的集成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Auto Complete Input box</title> 
     <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" /> 
     <script type="text/javascript" src="js/jquery1.js"></script> 
     <script type="text/javascript" src="js/jquery.js"></script> 
     <script type="text/javascript" src="js/jquery.autocomplete.js"></script> 
     <script> 
      $(document).ready(function() { 
       $("#tag").autocomplete("autoCompleteMain.php", { 
        selectFirst: true 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <form> 
      <label>Tag:</label> 
      <input name="tag" type="text" id="tag" size="20" /> 
     </form> 
    </body> 
</html> 
+1

你爲什麼想這麼做? –

+0

有時候,您正在使用現有站點中的舊版本(例如Wordpress),但您希望爲特定功能提供新版本的jquery。這樣,您可以保持現有網站不變,但仍然使用較新的版本。 – SteveP

+0

這不起作用 – user2216351

回答

1

你不能多次調用jQuery,這會導致錯誤。但是,您可以在加載它時將jQuery分配給它自己的變量。

<script src="first/js/file.js"></script> 
var $j = jQuery.noConflict(); 

加載第二個文件..

從現在起,你將使用$j而不是通常的$

使用jQuery的第一個版本...

$j('#someID').hide(); 

使用第二個jQuery版本:

$('#someID').show(); 
+0

不正確。您可以使用noconflict多次加載它。 – SteveP

+0

有人解釋倒票嗎? –

+0

@SteveP你在編輯之前找到了我......再次檢查:) –

相關問題