MVC4 - jQueryUI的HTML幫助的滑塊渲染，但不可見

我在我的MVC4應用程序中使用jQuery UI Helpers：MVC4 - jQueryUI的HTML幫助的滑塊渲染，但不可見

<div class="span6"> 
    @Html.JQueryUI().SliderFor(x => x.WantsStudentWeighting).Min(1).Max(10) 
</div>

當我運行我的應用程序時，滑塊是有，但它不是100％可見。我知道它在那裏，因爲我可以看到滑塊手柄，當我點擊滑塊所在區域並沿滑塊移動時 - 滑塊的重量值也發生變化。這裏是證明：

enter image description here

我的所有腳本和CSS文件都在那裏。我試圖編輯jqueryui.slider.css文件，但無濟於事。我也改變了包含DIV的背景顏色，以確保滑塊不會呈白色。

我已經江郎才盡 - 一些幫助，將不勝感激。

來源

2013-04-05 MattSull

你可以看到什麼類是隱藏呢？ – 2013-04-05 15:59:47

你的意思是一種CSS風格壓倒另一種風格嗎？我可以檢查Chrome中的元素？ – MattSull 2013-04-05 16:32:14

在BundleConfig文件中創建了jQuery的ui.unobtrusive-x.y.z.js新的組合。也可以將其添加到jQuery UI包中，以便在引用jQuery UI時始終包含它。以下示例演示了這一點。

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

呈現佈局頁面上的包或需要它們的視圖。加入jQuery UI的CSS文件，像這樣：

@Styles.Render("~/Content/css") 
@Styles.Render("~/Content/themes/base/css")

和JavaScript文件：

@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryui")

的包會自動處理的版本號，這樣你就不必在升級包時爲他們擔心。

如果使用客戶端驗證包括jQuery UI的助手腳本之前驗證腳本。 More info.

@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryval") 
@Scripts.Render("~/bundles/jqueryui")

我希望這幫助

來源

2013-07-31 06:40:46

MVC4 - jQueryUI的HTML幫助的滑塊渲染，但不可見

回答

相關問題