0

我在我的 MVC4 应用程序中使用jQuery UI Helpers :

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

当我运行我的应用程序时,滑块在那里,但不是 100% 可见。我知道它在那里,因为当我在滑块所在的区域内和周围单击并沿比例移动它时,我可以看到滑块手柄 - 加权值也会发生变化。这是证据:

在此处输入图像描述

我所有的脚本和 css 文件都在那里。我试图编辑 jqueryui.slider.css 文件但无济于事。我还更改了包含 DIV 的背景颜色,以确保滑块没有呈现为白色。

我的想法已经用完了 - 一些帮助将不胜感激。

4

1 回答 1

0

在 BundleConfig 文件中为 jquery-ui.unobtrusive-xyzjs 创建一个新的包。也可以将它添加到 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 Helpers 脚本之前包含验证脚本。更多信息。

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

我希望这有帮助

于 2013-07-31T06:40:46.957 回答