jQuery UI未加载

我的测试div在下面。如果我把所有这些放到自己的页面中，一切都完美无缺。如果它放在我的最后一页上，我会得到一个错误，说datepicker（）是未定义的。jQuery UI未加载

如何判断是什么导致jQuery UI中断？

<div> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 

<link type="text/css" href="../css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" /> 

<script type='text/javascript'> 
$(document).ready(function() { 

    //for calendar 
    $("#date_to").datepicker(); 
    $("#date_from").datepicker(); 
    //end for calendar 
}) 
</script> 

<input id='date_to'> 
<input id='date_from'> 
</div>

来源

2012-04-03 Oliver I

似乎在这里工作：http://jsfiddle.net/Vvmxx/。我会假设页面中可能有其他代码导致错误，并且datepicker错误是副产品。 – 2012-04-03 19:26:20

你能提供源或链接到你的最终页面吗？另外，控制台说什么？只是jQuery.ui未定义？ – 2012-04-03 19:26:59

我同意@RoryMcCrossan日期选择器是副产品。 – 2012-04-03 19:27:32

确保当你在这里生成的jQuery用户界面包：http://jqueryui.com/download，您选择的元素日期选择器。我看到你使用的是由谷歌托管的版本，它在这里正常工作，他们提供它：jQuery UI Datepicker 1.8.18（看源代码）。要弄清楚是什么导致jQueryUI中断，除了调试：

Test at jsfiddle.net;
在其他本地环境中测试（其他浏览器）;

希望它有帮助。

来源

2012-04-03 20:12:32

确保您没有意外引用jQuery两次。在jQuery UI之后，我有一个老版本的jQuery加载，这是一个令人兴奋的事情。 =/

来源

2012-07-04 14:16:58 JoshNaro

刚刚有一个类似的问题：加载jQuery UI两次使用它的第一个项目可以droppable（至少它是如何出现的）。 – Trojan 2014-06-10 20:50:50

我想补充一点，我有另一个库在我自己的引用之上加载jQuery的旧版本。这就是为什么它不容易被发现。 – JoshNaro 2015-11-18 16:49:15

如果您使用下载生成器包含DataTables，请不管您是否包含带有DataTables的jQuery选项。如果你是，不要单独包含jQuery。如果你不是，你必须单独包含jQuery。这烧伤了我！谢谢你的提示。 – 2015-11-28 23:32:06

jQuery UI未加载

回答

相关问题