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帮助的滑块渲染，但不可见

回答

相关问题