Question

所以我收到了这个错误，即使在通过chrome查看源代码时，似乎jQuery js正在被加载，但是只是无法调用fdatepicker（）。

我的头：

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="/res/js/foundation-datepicker.js"></script>
<link rel="stylesheet" href="/res/css/foundation-datepicker.css">
<link rel="stylesheet" href="/res/css/foundation.min.css">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

jQuery元素正在调用：

<div class="row date collapse" id="dp" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
    <input class="small-3 columns" size="16" type="text" value="12-02-2012" readonly>
    <span class="prefix small-2 columns end"><i class="fa fa-calendar"></i></span>
</div>

我的脚本有错误，在关闭正文之前位于页面底部

$(function() {
    $('#dp').fdatepicker();
});

我已经尝试添加jQuery UI并尝试使用Google Chrome的控制台来调用相同的功能，但我仍然遇到了这个错误。因此，脚本过早地调用元素或类似的东西，这不是一个错误......

Answer 1

啊哈！发现问题，我实际上是在标题中加载jQuery一次，然后一直在页脚的位置加载，但是我无法看到它，因为我使用jsp来包含页脚文件，并且在那里是我加载jQuery的地方。

所以主要的是：不要两次加载相同的脚本，并确保查看可能隐藏的地方，特别是如果您使用jsp来包含其他文件中的内容。 / p>

Answer 2

执行以下操作

1。查看页面来源（ctrl + U）。然后单击每个脚本的链接。如果现在您无法看到脚本的来源，则脚本路径是错误的。

2。检查控制台是否存在确切错误或任何脚本冲突。

Answer 3

您的fdatepicker可能未正确加载。

尝试插入此脚本：

 <script src="http://foundation-datepicker.peterbeno.com/js/foundation-datepicker.js"></script>

如果它起作用，那是因为你的路径不好。

修改

我已使用您的代码制作JSFiddle ..

一切都应该有效。

我已插入此脚本：

<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://foundation-datepicker.peterbeno.com/js/foundation-datepicker.js"></script> <link rel="stylesheet" href="http://foundation-datepicker.peterbeno.com/stylesheets/foundation-datepicker.css"> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">

它的作品。

TypeError：undefined不是函数，但脚本仍然加载

3 个答案: