jQuery UI无法加载

我的测试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>

最佳答案

确保您没有偶然两次引用jQuery。在jQuery UI之后，我有一个较旧的jQuery加载版本，这使事情变得麻烦了。 =/

关于jQuery UI无法加载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9999940/