如何正确实现Jquery MultiSelect Widget？

Question

我试图在我的ASP.NET MVC Razor视图中使用Jquery Multiselect。 我正在使用本网站作为参考。

http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/filter.htm

我添加了

jquery.multiselect.filter.js

和

 jquery.multiselect.filter.css

像它告诉你去做。 然后，我尝试放置它们显示的1行以创建过滤器。

$("select").multiselect().multiselectfilter();

这很有效，并且在“开发人员工具控制台”窗口上给了我以下两个错误：

jquery.multiselect.filter.js:19 Uncaught TypeError: $.widget is not a function //In the Javascript file they provide

Index:356 Uncaught TypeError: $(...).multiselect is not a function//In my Section Scripts

以下是我要完成此操作的剃刀视图底部的脚本部分。

@section scripts
{
<link href="@Url.Content("~/Content/jquery.multiselect.filter.css")"    rel="stylesheet" type="text/css" />
<script type="text/javascript" src="@Url.Content("/Scripts/jquery.multiselect.filter.js")"></script>

<script>
    $(document).ready(function () {

        $("select").multiselect().multiselectfilter();
   });
</script>
}

使用此工具的人可以告诉我我做错了什么吗？

Answer 1

在multiselect的源代码的第8行上，有

 * Depends:
 *   - jQuery UI MultiSelect widget

您可以在加载多选代码之前先加载jQuery-ui