如何正确实现Jquery MultiSelect Widget?

时间:2016-05-18 14:48:02

标签: javascript jquery asp.net-mvc asp.net-mvc-4 razor

我试图在我的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();

此剂量工作并在Developer Tools控制台窗口中显示以下2个错误:

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>
}

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

1 个答案:

答案 0 :(得分:0)

multiselect源代码的第8行,有

 * Depends:
 *   - jQuery UI MultiSelect widget

您可以在加载多选代码

之前加载jQuery-ui