Атрибут шага мобильного слайдера jQuery не работает - PullRequest
Новая
       0

Атрибут шага мобильного слайдера jQuery не работает

1 голос
/ 19 января 2012

Я использую мобильный слайдер Jquery. Я хочу сделать слайдер по шагам. так что я попробовал с этим. 

<div data-role="page">
<div data-role="content">
    <label for="slider" class="ui-hidden-accessible">Input slider:</label>
    <input type="range" name="slider"   id="slider_0" value="25" min="0" max="100" step="25" />
</div>

ползунок хорошо скользит, но не движется по ступеням.

например: 100/25 = 4

, поэтому он должен указывать только на 25,50,75,100, но каждый раз скользить.

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

http://code.jquery.com/mobile/latest/demos/docs/forms/slider/index.html

вот мой jsfiddle

http://jsfiddle.net/chakrirajni/pfNDB/

Спасибо

Ответы [ 2 ]

0 голосов
/ 30 марта 2012

Я понял.

Я использовал эти ссылки. 

  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"> </script>

все работает нормально.

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

         <label for="slider" class="ui-hidden-accessible">
                            Input slider:</label>
                        <input type="range" name="slider" id="slidstep" step="25"   value="0" min="1" max="100"/>

enter image description here

Спасибо за вашу помощь.

0 голосов
/ 21 марта 2012

Эта ошибка была исправлена ​​в последней версии мобильных библиотек JQuery, упомянутых ниже

1) стабильная версия - 1.0.1 http://jquerymobile.com/blog/2012/01/26/jquery-mobile-1-0-1-released/

2) Нестабильная сборка - 1.1.0 RC1 http://jquerymobile.com/blog/2012/02/28/announcing-jquery-mobile-1-1-0-rc1/

...