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，这让事情变得更加糟糕。 =/