如何添加" selectBoxIt" MVC5项目中的JQuery插件

时间:2014-03-29 07:47:05

标签: jquery css asp.net-mvc asp.net-mvc-5

我在MVC5(VS2013)中创建了一个简单的项目来测试(selectBoxIt)Jquery插件的功能,以便为选择站点语言设置ComboBox控件的样式。一切似乎都配置正确,但" ComboBox"不受selectBoxIt新风格的影响。详细说明,这就是我所做的:

  • " BundleConfig.cs" 中添加" jquery.selectBoxIt.min.js" " jquery.selectBoxIt.css" 是这样的:

     bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
            "~/Scripts/jquery-{version}.js",
            "~/Scripts/jquery-ui-{version}.js",
            "~/Scripts/jquery.selectBoxIt.min.js"));
    
     bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/bootstrap.css",
            "~/Content/site.css",
            "~/Content/jquery.selectBoxIt.css"));
    
  • @section Scripts {} 下的" Views \ Home \ Index.cshtml" 中添加:

    $(function () {
        $('cultureSelect').selectBoxIt();
    });
    

    其中cultureSelectselect控件的名称。

  • 在最后的" Views \ Shared \ _LoginPartial.cshtml" 中,添加了以下select标记以显示组合框控件屏幕顶部:

    using (Html.BeginForm("SetCulture", "Home"))
    {
        <select id="culture" name="culture" class="cultureSelect">
            <option value="en-us" @selected("en-us", culture)>English</option>
            <option value="ar" @selected("ar", culture)>العربية</option>
        </select>
        <input type="button" value="*" onclick="this.form.submit()" />
    }
    

    注意:@selected是帮助函数,只是在正确的位置设置&#34;选择&#34; 字。

现在,据我所知,我尝试按照每一步来配置&#34; selectBoxIt&#34; ,但没有成功!出现comboBox控件但具有标准样式。我有什么遗失的吗?你能解释我的代码有什么问题吗?

0 个答案:

没有答案