jquery基本 slider 不会显示

Question

我正在用头撞 table ，试图让一个基本的 slider 正常工作。我认为这一定与风格有关，但我什至无法显示该该死的东西。

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

<% 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)，所以我必须有一些正确的东西。但无论我做什么，它甚至不显示 slider 。

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

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 的公共(public) jQueryUI CDN。如果有效，您可能丢失了一些 CSS 文件。