未捕获的TypeError：Object#<Object>没有方法‘Datepicker’

时间：2012-02-04 作者：Partha

我想在我的网站中使用jQuery日期选择器。然而，当我使用相同的方法时，我会得到以下错误。未捕获的TypeError：对象#没有方法“datepicker”，我已经在Google上搜索了很长一段时间了。所有这些都表明问题可能是由于两次加载jquery造成的。我查过了，但事实并非如此。我按照以下方式加载jQuery脚本。

<script type="text/javascript" src="http://xxxx/wp-includes/js/jquery/jquery.js"></script>
<script type="text/javascript" src="http://xxxx/wp-includes/js/jquery/ui/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="http://xxxx/wp-includes/js/jquery/ui/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://xxxx/wp-includes/js/jquery/ui/jquery.ui.datepicker.min.js"></script>
...
...
<input type="text" id="arrival-date-10">
<input type="text" id="departure-dat-14">
....
<script type="text/javascript">
jQuery(document).ready(function(){
    $("#arrival-date-10").datepicker();
    $("#departure-date-14").datepicker();
});
</script>
我在$行中得到了错误（“#arrival-date-10”）。datepicker（）；

有人能帮帮我吗？

帕塔

2 个回复
SO网友:tollmanz

这条线不应该在那里：

<script type="text/javascript" src="http://xxxx/wp-includes/js/jquery/ui/jquery-ui.min.js"></script>
在标准WordPress安装中，不存在此类文件。这让我想知道你是如何将脚本添加到主题中的。您正在使用wp_enqueue_styles? 如果没有，那么很有可能您确实添加了两个版本的jQuery。

SO网友:SickHippie

您可能遇到jQuery冲突。在无冲突模式下尝试一下，如下所示：

<script type="text/javascript">
(function($) {
$(document).ready(function(){
    $("#arrival-date-10").datepicker();
    $("#departure-date-14").datepicker();
});
})(jQuery);
</script>
我想知道，如果在堆栈溢出上问这个问题，是否会更好，这实际上不是WordPress的问题（除非你问的是如何正确地将脚本排队）。

结束
标签： jquery   datepicker   小码农  

相关推荐

JQuery树视图和wp_list_ages

我想用jQuery TreeView 在wp\\u list\\u页面上编写脚本，以获得良好的可折叠树效果。脚本要求我向列表元素添加一些类，例如：<ul id=\"red\" class=\"treeview-red\"> 所以我试着把这个放在我的模板中：首先，通过wp\\u enqueue\\u script（）在我的模板页面上加载脚本wp_enqueue_script(\"av_jquery_tree\"); get_header(); 其中，插件中定义了“av