Базовый слайдер jquery не будет отображаться

Question

Я бьюсь головой о стол, пытаясь заставить работать даже обычный слайдер. Я думаю, что это как-то связано со стилем, но я не могу заставить эту чертову вещь даже отображаться.

У меня есть очень простое приложение ASP.NET MVC, и у меня есть:

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

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

и на моем сайте. Мастер:

<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 (и я могу выбрать тему ОК), поэтому я должен что-то сделать правильно. Но что бы я ни делал, он даже не отображает слайдер.

Что мне нужно сделать? Любая помощь очень ценится.

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" />

Это общедоступный jQueryUI CDN от Google. Если это работает, возможно, вам не хватает некоторых CSS-файлов.

Answer 2

Хорошо ли вы ссылаетесь на свои сценарии из представлений?

Если у вас есть MvcContrib , вы можете сделать это:

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

Answer 3

Попробуйте переместить другие внешние теги, такие как fieldset и form, просто чтобы посмотреть, не испортил ли его один из ваших стилей.

Вы также должны убедиться, что файл CSS в источнике HTML указывает на правильный файл. У вас может быть проблема с путём.

Answer 4

Спасибо за предложения. Я правильно ссылался на CSS, но стиль, который вы должны выбрать, довольно специфичен. Мне пришлось скопировать его из примеров на сайте jquery и перейти оттуда.