Почему data-mini и data-highlight не работают в slider (jquery)?

У меня есть этот простой слайдер в jQuery mobile

<label for="slider-1">Input slider:</label>
<input type="range" name="slider-1" id="slider-1" value="60" min="0" max="100" data-highlight="true" data-theme="b" data-track-theme="b" data-mini="true"/>

Код почти скопирован и вставлен из документации ( https://demos.jquerymobile.com/1.2.0/docs/forms/slider/) и слайдер работает. Значение, data-theme, data-track-theme хороши и работают. Вместо этого data-mini и Data-highlight не влияют на ползунок… Пробовал на разных браузерах, тоже. Почему это могло произойти?

РЕДАКТИРОВАТЬ:
Попробовал сценарий. И никакого состояния.

 <script>
 $(document).ready(function(){
     $('#slider-1').slider({ mini: true });
 });
 </script>

1 ответ

  1. Разрешенный. Неправильная версия библиотеки

    Изменение

     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"></script>
    

    к

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    

    решить проблему