Jquery datepicker不工作Uncaught TypeError：Object [object Object]没有方法'datepicker'

Question

我有一个主页parentFrame.php，它调用了jquery插件。此页面有三个选项卡，每个选项卡将外部页面加载到parentFrame.php 因此，当用户单击选项卡A时 - 在选项卡A下打开a.php。

在A.php中，我必须拨打两个日期选择器。我添加了日期字段并调用了简单的jquery脚本

<script>
$(function() {
    $( "#StartDate" ).datepicker();
    $( "#EndDate" ).datepicker();
});
</script>

问题是，当我将A.php directy称为url时，日期选择器正在工作。但是当在parentFrame.php中调用相同的页面时，没有任何事情发生。我收到了消息Uncaught TypeError: Object [object Object] has no method 'datepicker'。

我尝试在两个文件上添加库。

感谢任何帮助。

Answer 1

这通常是由另一个试图使用$变量的库引起的。

以下是您可以“解决”的方法：

<script>
jQuery(function($) {
    $( "#StartDate" ).datepicker();
    $( "#EndDate" ).datepicker();
});
</script>

您还可以阅读有关jQuery $.noConflict() here的信息。如果您需要加载2个不同版本的jQuery，这种方法很有用，这些版本也会导致行为和错误，例如您所获得的。