0

我在我的 MVC5 应用程序中使用 Eric hynds 多选下拉列表。我在 select2 上使用这个 JQuery 插件，因为它支持复选框和我需要的其他一些功能。我的解决方案引用了以下 javascrip 和 css 文件。

jquery-2.1.3.js 是使用 bundle 添加的

bundles.Add(new ScriptBundle("~/bundles/jquery")
   .Include("~/Scripts/jquery-{version}.js"));

<link href="~/Content/jquery.multiselect.css" rel="stylesheet" />
<script src="~/Scripts/jquery.multiselect.min.js"></script>

页面加载时如何出现错误

0x800a01b6 - JavaScript 运行时错误：对象不支持属性或方法“小部件”

不知道我错过了什么。下面是我的代码。我知道下拉列表已加载，没有任何问题

<link href="~/Content/jquery.multiselect.css" rel="stylesheet" />
<script src="~/Scripts/jquery.multiselect.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#Courses1").mutiselect(
        {
            selectedText: "# of # selected"
        });
    });
</script>

@using (Html.BeginForm())
{    <div>
         @Html.ListBox("Courses1")
    </div>
}

控制器

public class PersonController : Controller
{ 
    // GET: Person/Create
    public ActionResult Create()
    {
        ViewBag.Courses1 = new MultiSelectList(GetPersons(), "ID", "Name");            
        return View();
    }
}

编辑 我在 VS 中创建了新的空应用程序。并包含简单的 HTML 页面。我仍然得到同样的错误。

http://localhost:52267/Scripts/jquery.multiselect.min.js中第 20 行第 22 列未处理的异常

0x800a01b6 - JavaScript 运行时错误：对象不支持属性或方法“小部件”

下面是完整的html页面。

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
    <title></title>
    <link href="Content/jquery.multiselect.css" rel="stylesheet" />
    <script src="Scripts/jquery-1.11.2.js"></script>
    <script src="Scripts/jquery.multiselect.min.js"></script>
</head>
 <body>
    <script type="text/javascript">
     $(function () {$("#mSel").multiple({selectedText: "# of #"});});
    </script>
    <div>
        <select multiple id="mSel">
          <option value="1">Option 1</option>
          <option value="2">Option 2</option>
        </select>
    </div>
 </body>

4

0 回答 0