Ручка ползунка jQueryUI не движется - PullRequest
Новая
       22

Ручка ползунка jQueryUI не движется

0 голосов
/ 24 марта 2010

Я пытаюсь реализовать слайдер jQuery с приращениями. Я перешел от реальной страницы проекта к тестовой странице проекта с помощью только ползунка и только ползунка. Во всех случаях мне не удалось заставить ручку двигаться. Он также имеет ширину в 1 пиксель или более похожую.

Мой код выглядит следующим образом, 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>jQuery slider</title>

        <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.custom.css" type="text/css" media="screen" charset="utf-8" />

        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>

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

    </head>
    <body>
        <div id="slider"></div>
    </body>
</html>

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

Ответы [ 2 ]

0 голосов
/ 24 марта 2010

Я попробовал ваш точный код в файле .html ... только заменив ваши включения на: 

<link rel="stylesheet" type="text/css" media="screen" href="/css/ui-lightness/jquery-ui-1.7.2.bluetie.css" /> 
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.7.2.custom.min.js"></script>

... и это сработало ... ползунок по всему экрану ... легко перемещается ...

не мои файлы были изменены с того, что я получил с сайта jquery ....

Если вы не получаете ошибку javascript, ... я думаю, что ваш файл .css не включен.

Надеюсь, это поможет, Andrew

0 голосов
/ 24 марта 2010

Я не думаю, что слайдер покажет, если нет содержимого и нет фиксированной высоты ... высушите это: 

<div id="slider" style="width: 300px; height: 200px">
    // Put a huge lorem ipsum text here ;) 
</div>
...