Question

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

如何找出导致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>

Answer 1

确保您没有意外地两次引用jQuery。我在jQuery UI之后加载了一个较旧版本的jQuery，这样可以解决问题。 = /

Answer 2

请确保在此处生成jQuery UI包时http://jqueryui.com/download，选择元素 Datepicker 。我看到你使用的是 Google 托管的版本，它在这里运行正常，它们提供了它： jQuery UI Datepicker 1.8.18 （查看源代码）。除了调试之外，要找出导致jQueryUI崩溃的原因：

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

希望它有所帮助。

jQuery UI没有加载

2 个答案: