未捕获的TypeError：对象函数（a，b）{return new e.fn.init（a，b，h）}没有方法'widget'

Question

我正在使用Jquery-ui-multiselect-widget将noramal选择框转换为多选MultiSelect Widget。 链接jquery UI插件：https://github.com/ehynds/jquery-ui-multiselect-widget

HTML：

<select id='noOFRows' multiple="multiple" > <option value="10">10<option value="20">20<option value="30">30<option value="40">40<option value="50"> 50 </option> </select>

JS代码：

    $(document).ready(function(){
       $("#noOFRows").multiselect();    
    });

但收到此错误。

Jquery.multiselect.js中的错误：

邮件中的错误index.php

Answer 1

看起来你缺少jQuery UI库，因为widget框架是由jQuery UI提供的

如果您不想从jQuery UI中获取任何其他小部件，请转到custom download选项并选择widget选项并下载，然后将jquery-ui-xxx.js文件添加到包含jQuery之后的页面

Answer 2

还有一个案例涉及您在浏览器中安装的扩展程序。在某些情况下，添加阻止程序将是这些错误的根本原因。在Chrome中你有“隐身窗口”，确保它在那个窗口上工作。

Answer 3

问题是，当你包含jQuery UI库时，你应该确保这个库在多选库之前。

说：

<script src="JS/jquery-ui.min.js" type="text/javascript"></script>

<script src="JS/jquery.multiselect.js" type="text/javascript"></script>