jQuery UI没有加载

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 进行测试；
• 在其他本地环境（其他浏览器）进行测试；

希望能帮助到你。