Jquery冲突问题

我正在用Jquery以html格式创建一个日期选择器。以下是我的代码：

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>

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

$（函数（）{
$（“#datepicker”）.datepicker（{minDate:-0，maxDate:+12M+10D}）；
});
$（函数（）{
$（“#datepicker2”）.datepicker（{minDate:-0，maxDate:+1M+10D}）；
});

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>

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

日期从：

日期至：

好的，表单工作正常，但是我在我的站点的页脚有另一个Jquery选项卡，代码如下（只是给出Jquery代码）

// 

---

问题：当我添加此页脚代码时，日期选择器不工作。如果我删除页脚代码，那么它的工作很好。为什么？是冲突吗

因为您正在加载两个不同的jquery文件..并且我假设版本不同，因此会产生冲突

删除页脚中的jquery脚本

删除此行

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

您可以将所有三个javascript/jquery代码添加到一个函数中，而不是使用三个document.ready函数

像

$（函数（）{
$（“#datepicker”）.datepicker（{minDate:-0，maxDate:+12M+10D}）；
$（“#datepicker2”）.datepicker（{minDate:-0，maxDate:+1M+10D}）；
$（'#menu3，#menu2'）.tabify（）；
});

因为您正在加载两个不同的jquery文件..我假设版本不同，因此会产生冲突

删除页脚中的jquery脚本

删除此行

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

您可以将所有三个javascript/jquery代码添加到一个函数中，而不是使用三个document.ready函数

像

$（函数（）{
$（“#datepicker”）.datepicker（{minDate:-0，maxDate:+12M+10D}）；
$（“#datepicker2”）.datepicker（{minDate:-0，maxDate:+1M+10D}）；
$（'#menu3，#menu2'）.tabify（）；
});

您是否打开控制台并检查错误？您包括jQuery两次：x@adeneo，我是这方面的新手。我不知道什么是控制台，你能告诉我plz吗？你不应该在jQueryUI1.10.3中使用jQuery1.9。这些都是相互矛盾的版本，在我的经验中，它们彼此不太协调。@billyonecan，如何？它正在调用不同的jquery文件，存在重复的文件。是否打开控制台并检查错误？包括jquery两次：x@adeneo，我是这方面的新手。我不知道什么是控制台，你能告诉我plz吗？你不应该在jQueryUI1.10.3中使用jQuery1.9。这些都是相互矛盾的版本，在我的经验中，它们彼此不太协调。@billyonecan，如何？它调用的是不同的jquery文件，有重复的文件。我把这个“jquery.noConflict（）”放在哪里？@AlexMojum您真的需要有两个不同的jquery库吗？为什么不使用一个呢？我认为删除页脚中的

文件应该可以。。您已经在header中加载了最新的稳定版本…@AlexMojum bipen得到了正确的答案-只是有一个小小的格式问题导致其中一些没有加载appear@bipennp:）我觉得这看起来有点奇怪，只是

删除了这一行
，我把它放在了“jquery.noConflict（）？@AlexMojum您真的需要两个不同的jQuery库吗？为什么不使用一个呢？我认为删除页脚中的
文件应该可以。。您已经在header中加载了最新的稳定版本…@AlexMojum bipen得到了正确的答案-只是有一个小小的格式问题导致其中一些没有加载appear@bipennp:）我觉得删除这行代码看起来有点奇怪