jquery衝突問題

Question

我正在用jquery在html窗體中創建Date拾取器。以下是我的代碼：

HTML頭中代碼：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery- 
ui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css" /> 
<script> 
$(function() { 
$("#datepicker").datepicker({ minDate: -0, maxDate: "+12M +10D" }); 
}); 
</script> 

<script> 
$(function() { 
$("#datepicker2").datepicker({ minDate: -0, maxDate: "+1M +10D" }); 
}); 
</script> 

HTML正文部分代碼：

<p>Date From: <input type="text" id="datepicker" ></p> 
<p>Date To: <input type="text" id="datepicker2" /></p> 

好，形式做工精細但我已經另一個Jquery標籤到我網站的頁腳，代碼如下：（只給jQuery代碼）

<script src="jquery/jquery.js" type="text/javascript" charset="utf-8"></script> 
    <script src="jquery/jquery.tabify.js" type="text/javascript" charset="utf- 
8"></script> 
    <script type="text/javascript"> 
     // <![CDATA[ 

     $(document).ready(function() { 
      $('#menu3').tabify(); 
      $('#menu2').tabify(); 
     }); 

     // ]]> 
    </script> 

問：當我添加此頁腳代碼，然後日期選取器無法正常工作。如果我刪除頁腳代碼，那麼它工作正常。爲什麼？它有衝突嗎？

Answer 1

因爲要裝入兩個不同的jQuery files..and我假設有版本不同，從而產生衝突......

要麼刪除jQuery腳本在頁腳..

刪除此行

<script src="jquery/jquery.js" type="text/javascript" charset="utf-8"></script> 

或使用noconflict

jQuery.noConflict(); 

，而不是有三個功能的document.ready可以..你所有三個使用Javascript/jQuery的代碼添加到一個和..

像

<script> 
$(function() { 
    $("#datepicker").datepicker({ minDate: -0, maxDate: "+12M +10D" }); 
    $("#datepicker2").datepicker({ minDate: -0, maxDate: "+1M +10D" }); 
    $('#menu3,#menu2').tabify(); 

}); 
</script> 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.