【问题标题】：Helper library "select2" does not work for me助手库“select2”对我不起作用
【发布时间】：2014-01-11 23:52:20
【问题描述】：

我的故事

我即将提供样品，以便我能找到一份工作。公司的员工喜欢我编写程序代码的方式，但由于我不是那种在网页上工作的人，他们要求使用ASP.NET MVC 3 或 4 设计一个精心设计的单页示例代码，他们说我可以使用模板和辅助工具，设计比我用我的HTML和CSS知识完成更重要（虽然我不知道Ajax和jQuery），所以我问了他们一周时间，我已经做了一些工作，但还有工作要做，主要是 UI。

开始工作

我正在使用 ASP.NET MVC 3（Razor 视图引擎）、Bootstrap 和 select2，我不确定我的层次结构是否格式正确并影响助手，但这就是我的方式做到了：

所以，我还在_layout.cshtml 文件中添加如下连接：

<!DOCTYPE html>
<html dir="rtl">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>

    <!--BOOTSTRAP-->
    <link href="@Url.Content("~/css/bootstrap.min.css")" rel="stylesheet"/>
    <script src="@Url.Content("~/js/bootstrap.min.js")"></script>

    <!--Select2-->
    <link href="@Url.Content("~/select2-3.4.5/select2.css")" rel="stylesheet"/>
    <script src="@Url.Content("~/select2-3.4.5/select2.js")"></script>

    <!--MY CSS-->
    <link href="~/Content/my_style.css" type="text/css" rel="stylesheet"/>
</head>

<body>
    @RenderBody()
</body>
</html>

然后我去了我的索引文件并添加了以下内容：

@model SinglePage.Models.SinglePageIndexViewModel

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<link href="@Url.Content("~/select2-3.4.5/select2.css")" rel="stylesheet"/>
<script src="@Url.Content("~/select2-3.4.5/select2.js")"></script>
<script>
    $(document).ready(function () { $("#e1").select2(); });
</script>

<h2>خانه</h2>
@using(Html.BeginForm()){
    @Html.ValidationSummary(true)

    <select id="e1">
        @foreach (var customer in Model.CustomerList)
        {
            <option value="@Html.DisplayFor(c=>customer.Code)">@Html.DisplayFor(c => customer.FirstName) @Html.DisplayFor(c=>customer.LastName)</option>
        }
    </select>

}

就像这个例子告诉我的那样。所以我用来自 SQL Server 的数据填充了我的选择，结果变成了这样：

如您所见，它并没有影响用户界面。我还检查了 CSS 和 JavaScript 链接，但它们似乎没有损坏。

另外，我在控制台中收到了一些消息，我让你在这里看到：

我该如何解决这个问题？

【问题讨论】：

我重复css和js链接只是为了测试

标签： html asp.net-mvc-3 razor jquery-select2

【解决方案1】：

在您的控制台中，它显示on 不是select2 中的函数，因为您使用的是旧版本的jQuery。将 jQuery 更新到最新版本。从 jQuery 1.7 开始，.on() 方法提供了附加事件处理程序所需的所有功能。所以你需要添加jQuery 1.7或更高版本。

【讨论】：

在 jquery 旁边的 MVC 3 中有总库，我希望它不会伤害它...谢谢你