Question

我正撞着桌子试图让一个基本的滑块工作。我认为它必须与风格有关，但我无法让这些东西显示出来。

我有一个非常基本的ASP.NET MVC应用程序，在视图中，我有：

<% using (Html.BeginForm()) { %>
<fieldset>
...
    <div id='mySlider'></div>
...
</fieldset>

<script type="text/javascript">
    $(document).ready(function() {
    $('#mySlider').slider()
    });
</script>

并在我的Site.Master中：

<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<link href="../../Content/theme/ui.all.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="../../Scripts/ui.slider.js" type="text/javascript"></script>
<script src="../../Scripts/ui.datepicker.js" type="text/javascript"></script>
<script src="../../Scripts/ui.core.js" type="text/javascript"></script>

我有一个完全工作的字段，它从jquery datepicker获取它的值（我可以选择主题OK），所以我必须有正确的东西。但无论我做什么，它甚至都不显示滑块。

我需要做什么？非常感谢任何帮助。

Answer 1

尝试替换

<link href="../../Content/theme/ui.all.css" rel="stylesheet" type="text/css" />

与

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" type="text/css" />

这是Google的公共jQueryUI CDN。如果可以的话，你可能会遗漏一些CSS文件。

Answer 2

尝试移动外部其他标记，例如字段集和表单，以查看是否有其他样式正在将其搞砸。

您还应该确保HTML源代码中的css文件指向正确的文件。您可能遇到路径问题。

Answer 3

您是否从视图中很好地引用了脚本？

如果你有MvcContrib，你可以这样做：

<%= Html.ScriptInclude("~/Scripts/util.js")%>
<%= Html.Stylesheet("~/Content/Site.css")%>

Answer 4

感谢您的建议。我正确地引用了CSS，但你必须选择的样式非常具体。我不得不从jquery网站上的示例中复制它并从那里开始。

jquery基本滑块不会显示

4 个答案: