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.
• 10.

 相关问题

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