jquery ui Button() 不是一个函数

Jac*_*ues 3 jquery jquery-ui

在我的 mvc 应用程序的头部部分,我引用了 JQuery 和 JQuery UI,如下所示:

<script src="/MyPortal/Scripts/modernizr-2.6.2.js">
<script src="/MyPortal/Scripts/jquery-1.8.2.js">
<script src="/MyPortal/Scripts/jquery-ui-1.8.24.js">
etc. 
Run Code Online (Sandbox Code Playgroud)

然后我尝试了简单的 jQuery UI 小部件,例如按钮和按钮集,如下所示:

$("#viewSwitch").buttonset();
Run Code Online (Sandbox Code Playgroud)

或者

$("#myButton").button();
Run Code Online (Sandbox Code Playgroud)

Firebug 总是报告:

TypeError: $(...).buttonset is not a function
Run Code Online (Sandbox Code Playgroud)

我已经在 Firebug 中仔细检查了脚本文件是否正确加载。jQuery 没有问题。

在 Firebug 的命令窗口中,页面加载完成且没有错误后,我输入:

jQuery.ui
Run Code Online (Sandbox Code Playgroud)

它返回为未定义。

不确定还需要检查或排除哪些问题?

小智 5

今天面临类似的问题。就我而言,jQuery ui 文件名不匹配。该文件被命名为

jqueryui/js/jquery-ui-1.10.4.min.js
Run Code Online (Sandbox Code Playgroud)

该文件被称为

jqueryui/js/jquery-ui-1.10.4.custom.min.js
Run Code Online (Sandbox Code Playgroud)

jQuery 默默地失败了,我不得不浪费 3 个小时来查找错误。

编辑

经进一步调查。现在我又发现了一个错误。我之前使用“自定义下载”选项来下载该捆绑包。在该构建中,不同的小部件不会自动包含在 jqueryui.custom.js 文件中。所以没有一个小部件可供使用。