-1

我的故事

我即將提供一個示例，所以我可以找到一份工作。該公司的員工喜歡我編寫程序代碼的方式，但由於我不是網頁上工作的人，他們請求使用ASP.NET MVC 3或4的精心設計的頁面示例代碼，他們說我可以使用模板和輔助工具，設計比我用HTML和CSS的知識來完成設計更重要（雖然我不知道Ajax和jQuery），所以我問他們一個星期的時間，我做了它已經有一部分了，但有工作要做，主要是UI。輔助函數庫「select2」對我不起作用

去上班

我使用ASP.NET MVC 3（Razor視圖引擎），Bootstrap，並選擇2，我不知道如果我的層次結構良好和影響幫手，但我這是怎麼做的：

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

：

ASP.NET MVC3 Hierarchy With Bootstrap and Select2

所以，我也是在_layout.cshtml文件中添加我的連接如下圖所示3210

然後我去了我的索引文件，並添加以下內容：

@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 服務器數據，並將其變成這個樣子：

Select Select2 Helper Won't Work

因此，大家可以看到，它並沒有影響到UI。我也檢查了CSS和JavaScript鏈接，但它們似乎沒有被破壞。

而且，我在我的控制檯一些消息，我讓你在這裏看到：

Console Logs for Select2 Helper Class

我怎樣才能解決這個問題呢？

來源

2014-01-11 deadManN

我重複css和js鏈接只是爲了測試 – deadManN

在您的控制檯中，它顯示on不是select2中的函數，因爲您的舊版本爲jQuery。將jQuery更新爲最新版本。從jQuery 1.7開始，.on()方法提供了附加事件處理程序所需的全部功能。所以你需要添加jQuery版本1.7或更高版本。

來源

2014-01-12 06:56:21

有在MVC 3除jQuery之外的總庫，我希望它不會傷害它...謝謝你的人 – deadManN

輔助函數庫「select2」對我不起作用

我的故事

去上班

回答

相關問題