javascript - 未捕获的类型错误：对象函数 (a,b){return new e.fn.init(a,b,h)} 没有方法“小部件”

Question

我正在使用 Jquery-ui-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库，因为小部件框架是由 jQuery UI 提供的

如果您不想要 jQuery UI 中的任何其他小部件，请转到自定义下载选项和仅widget选择选项并下载，然后在包含 jQuery 后将 jquery-ui-xxx.js 文件添加到页面

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>