(Двойной) RangeSlider JQuery Mobile производит два отдельных слайдера

Question

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

<div data-role="fieldcontain">
    <div data-role="rangeslider" data-mini="true">
        <label for="range-8a">Rangeslider:</label>
        <input type="range" name="range-8a" id="range-8a" min="0" max="100" value="0">
        <label for="range-8b">Rangeslider:</label>
        <input type="range" name="range-8b" id="range-8b" min="0" max="100" value="100">
    </div>
</div>

В идеале я хочу держаться подальше от пользовательского интерфейса jQuery, так как это будет еще один фреймворк (и довольно большой), который пользователь должен будет загрузить, если он еще не кэшировал его. Я стараюсь сделать свое приложение максимально легким. Возможно, я делаю что-то не так в своей реализации?

Answer 1

Судя по вашим комментариям, проблема в том, что вы используете не ту версию jQuery Mobile. Rangelider - это новая функция версии 1.3.0, которая в настоящее время находится в бета-версии. Итак, если вы хотите использовать эту новую функцию, вы должны использовать эту версию.