blocks|key|1274771|text|我为一个类似的问题挣扎了几个小时。后来发现，jQuery被包含了两次，一次是由我向其添加jQuery函数的程序包含的，另一次是由我们的内部调试器包含的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1274772|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I struggled with a similar problem for hours. It then turned out that jQuery was included twice, once by the program that I was adding a jQuery function to and once by our in-house debugger.

blocks|key|1274526|text|如果有另一个库正在使用$+variable，您可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1274527|var+$j+=+jQuery.noConflict();
$j("#datepicker").datepicker();|code-block|syntax|javascript|1274528|还要确保你的javascript+include的顺序是正确的，这样jquery核心库就会在jquery.ui之前定义。我也遇到过这样的问题。|1274529|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If there is another library that is using the $ variable, you can do this:

<pre><code>var $j = jQuery.noConflict();
$j("#datepicker").datepicker();
</code></pre>

Also make sure your javascript includes are in the correct order so the jquery core library is defined before the jquery.ui. I've had that cause issues.

blocks|key|1274592|text|当jQuery+UI集中缺少文件时，通常会出现此错误。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1274593|仔细检查所有文件、jQuery+UI文件以及CSS和图像，以及它们是否位于服务器上正确链接的文件/目录位置。|1274594|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

This error usually appears when you're missing a file from the jQuery UI set. 

Double-check that you have all the files, the jQuery UI files as well as the CSS and images, and that they're in the correctly linked file/directory location on your server.

blocks|key|1489431|text|先来看看显而易见的:您是否很好地引用了jquery-ui.js文件？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1489432|尝试使用firebug的网络选项卡来查看是否已加载，或者使用Web+Developer工具栏的Information\View+javascript代码。|1489433|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Go for the obvious first: Are you referencing well the jquery-ui.js file? 

Try using the network tab of firebug to find if it is loaded, or the Information\View javascript code of the Web Developer Toolbar.

blocks|key|1274559|text|您是否尝试过使用Firebug+1)确定没有Javascript错误和2)页面上存在#datepicker元素？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1274560|最有可能的情况是，在datepicker调用之前存在错误，该错误阻止了datepicker调用的执行。|1274561|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Have you tried using Firebug to 1) determine that there are no Javascript errors and 2) that the #datepicker element exists on the page?

Most likely there is an error prior to the datepicker call that is preventing the datepicker call from executing.

blocks|key|1274689|text|我刚刚遇到了这个问题，在</body>标记修复它之前，将JS引用和代码移到了页面的底部。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1274690|entityMap^0|C|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

I just had this issue, and moving the JS references and code towards the bottom of the page before the <code>&lt;/body&gt;</code> tag fixed it for me.

blocks|key|1274723|text|还要检查您将文件下载到的目录的权限。由于某种原因，当我下载它时，默认情况下它被保存在一个不允许访问的文件夹中！我花了很长时间才弄明白这就是问题所在，但我只需要更改目录的权限和它的内容--将其设置为EVERYONE+=+READ+ONLY。现在效果很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1274724|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Also check the permissions for the directory you download the files into. For some reason when I downloaded this, by default it was saved in a folder with no access allowed! It took forever to figure out that was the problem, but I just had to change the permission for the directory and it's contents - setting it so EVERYONE = READ ONLY. Works great now.

blocks|key|1274861|text|我最近遇到了这个问题-问题是我在head标签中包含了jQuery+UI文件，但我使用的Telerik库在body标签的底部包含了jQuery+(因此显然重新初始化了jQuery并卸载了之前加载的UI插件)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1274862|解决方案是找出jQuery的实际包含位置，并在此之后包含jQuery+UI脚本。|1274863|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I ran into this problem recently - the issue was that I had included the jQuery UI files in the head tag, but the Telerik library I was using included jQuery at the bottom of the body tag (thus apparently re-initializing jQuery and unloading the UI plugins previously loaded).

The solution was to find out where jQuery was actually being included, and including the jQuery UI scripts after that.

blocks|key|1275148|text|对我来说，只需要从脚本的声明中删除"defer“属性|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1275149|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

For me it was just necessary to remove the &quot;defer&quot; property from the declaration of my script

blocks|key|1489730|text|我刚刚遇到了一个类似的问题。当我将脚本引用从自结束标记(即<script+src=".."+/>)更改为空节点(即<script+src=".."></script>)时，我的错误消失了，我突然可以引用jQuery+UI函数了。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1489731|当时，我没有意识到这只是我一开始就没有正确关闭它的胡说八道。(我发布这篇文章只是为了防止遇到类似问题的其他人。)|1489732|entityMap^0|T|J|1L|Q|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

I just ran into a similar issue. When I changed my script reference from self-closing tags (ie, <code>&lt;script src=".." /&gt;</code>) to empty nodes (ie, <code>&lt;script src=".."&gt;&lt;/script&gt;</code>) my errors went away and I could suddenly reference the jQuery UI functions.

At the time, I didn't realize this was just a brain-fart of me not closing it properly to begin with. (I'm posting this simply on the chance that anyone else coming across the thread is having a similar issue.)

blocks|key|1489782|text|一些文件在你调用之前没有加载。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1489783|例如:你的代码：|1489784|<%25=+javascript_include_tag+"distpicker.min"+%25>
<%25=+javascript_include_tag+"distpicker.data.min"+%25>|code-block|syntax|javascript|1489785|更改为以下内容：|1489786|<%25=+javascript_include_tag+"distpicker.data.min"+%25>
<%25=+javascript_include_tag+"distpicker.min"+%25>|1489787|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Some file no load before you call.

For example:
Your code:

<pre><code>&lt;%= javascript_include_tag "distpicker.min" %&gt;
&lt;%= javascript_include_tag "distpicker.data.min" %&gt;
</code></pre>

Change to this:

<pre><code>&lt;%= javascript_include_tag "distpicker.data.min" %&gt;
&lt;%= javascript_include_tag "distpicker.min" %&gt;
</code></pre>

blocks|key|1489829|text|我可以在_Layout.cshtml上删除jquery包来解决这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1489830|标题|1489831|++++<script+src="~/Scripts/jquery-1.10.2.js"></script>
++++<script+src="~/Scripts/kendo/2015.2.902/kendo.all.min.js"></script>
++++...|code-block|syntax|javascript|1489832|页脚|1489833|++++@Scripts.Render("~/bundles/jquery")
++++@Scripts.Render("~/bundles/bootstrap")
++++@RenderSection("scripts",+required:+false)|1489834|将页脚更改为|1489835|++++@Scripts.Render("~/bundles/bootstrap")
++++@RenderSection("scripts",+required:+false)|1489836|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

I could fix this problem removing the jquery bundle on the _Layout.cshtml

Header

<pre><code> &lt;script src="~/Scripts/jquery-1.10.2.js"&gt;&lt;/script&gt;
 &lt;script src="~/Scripts/kendo/2015.2.902/kendo.all.min.js"&gt;&lt;/script&gt;
 ...
</code></pre>

Footer

<pre><code> @Scripts.Render("~/bundles/jquery")
 @Scripts.Render("~/bundles/bootstrap")
 @RenderSection("scripts", required: false)
</code></pre>

Change footer to

<pre><code> @Scripts.Render("~/bundles/bootstrap")
 @RenderSection("scripts", required: false)
</code></pre>

blocks|key|1275070|text|您是否尝试过在使用JQuery按ID选择元素时使用$("#<%25=+txtDateElementId.ClientID+%25>").datepicker()；而不是$("#txtDateElementId").datepicker()；。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1275071|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Have you tried using 
$("#&lt;%= txtDateElementId.ClientID %>").datepicker(); 
instead of 
$("#txtDateElementId").datepicker();
when selecting an element by ID using JQuery.

blocks|key|1275160|text|引用jQuery两次可能会导致此问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1275161|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

referencing jQuery twice might cuase the issue.

blocks|key|1489959|text|在我的例子中，它是通过更改以下脚本的导入顺序解决的:之前(不工作)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1489960|之后(工作)：|1489961|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

In my case, it was solved by changing the import order of the following scripts:
Before (Not work):



 

After (Working):

When i use DatePicker, jQuery's UI plugin, in an existing .aspx page I get errors that:

<pre><code>$("#datepicker").datepicker is not a function
</code></pre>

However, when I copy and paste the same code that creates and uses the datePicker to an HTML file that's also in the same directory as the aspx page, it works flawlessly. This leads me to assume that there are some JS files in the aspx page that's preventing the datePicker or maybe jQuery's UI JS files to load properly.

Can anyone confirm my beliefs or provide any tips on finding the culprit that's interfering with jQuery's UI plugins?

jQuery UI " $("#datepicker").datepicker is not a function"

服务器

调试器

jQuery

当我使用jQuery的UI插件DatePicker时，在现有的.aspx页面中，我得到以下错误：$("#datepicker").datepicker is not a function但是，当我将创建和使用datePicker的相同代码复制并粘贴到与aspx页面位于同一目录的HTML文件中时，它可以完美地工作。这导致我认为aspx页面中有一些JS文件阻止了datePicker或jQuery的UI

问datepicker UI“$("#datepicker").datepicker不是函数”
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问datepicker UI“$("#datepicker").datepicker不是函数”EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问datepicker UI“$("#datepicker").datepicker不是函数”
EN