jquery - 对象没有方法 datepicker

Question

我收到错误 Uncaught TypeError: Object [object Object] has no method 'datepicker'在我的 JavaScript 中:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type='text/javascript'>
$(function() {
    $("#birthday").datepicker({changeMonth: true});
});
</script>

这是我尝试将其添加到的生日项目:

<!--// BIRTHDAY //-->
<li class="field">
    <label for="birthday">Birthday</label>
    <div class="field"><input type="text" id="birthday" name="birthday" value="" class="" /></div>
</li>

如您所见，我在尝试使用日期选择器的上方添加了 jquery ui 的源代码。我从 http://jqueryui.com/docs/Downloading_jQuery_UI 获取了 URL所以我很确定这是一个有效的网址。我还尝试上传文件并链接到本地​​副本，但仍然遇到相同的错误。我还能尝试什么？

编辑:

我确实使用此加载了 jquery 库:<script type="text/javascript" src="/includes/js/jquery-1.7.2.min.js"></script>并用这段脚本进行验证:

if (jQuery) {
    alert("jQuery library is loaded!");
}

Answer 1

根据我们的讨论，我们发现 $ 变量(jQuery 的别名)行为不正常。通常，这是因为另一个 JS 插件已更改 $ 来表示其他内容。为了解决这个问题，您可以像这样包装 jQuery 代码:

jQuery(function($){
    //all jQuery code which uses $ needs to be inside here
});

这将改变函数范围内 $ 的含义。