О input[type=range], параметре multiple и как сделать, чтобы всё работало

[lolmaus]

Я просто оставлю это здесь: touchpunch.furf.com/

[lampa]

Попробуйте на телефоне.

[lolmaus]

Попробуйте почитать по ссылке, эта штука для телефонов и предназначена. Она добавляет поддержку touch-управления ко всем виджетам jQuery UI.

На большом количестве элементов (пробовал на сотне вложенных списокв jQuery UI Sortable) — тормозит нещадно. На одиночных элементах работает без нареканий.

[lampa]

Попробовал на windows phone 8, хватаю пальцем за ползунок, тащу. При выходе пальца из ползунка тащится вся страница. Вообще этим плагином хотел показать другой способ создания слайдера, вроде как получилось.

[Dmitry_f]

А почему вы не сделали, чтобы брался ползунок, близкий к месту таппинга, вместо того, чтобы их чередовать?

[lampa]

В проекте этого не требовалось, но постараюсь добавить)

[comerc]

Хорошо бы MIT-лицензию повесить на GitHub, тогда сделаю обёртку для Meteor AutoForm.

[lampa]

Готово!)

[comerc]

Не завелось с наскока, какая-то беда со стилями.

github.com/comerc/meteor-autoform-nativemultiple

[lampa]

В обязательном порядке нужно подключить github.com/lampaa/nativeMultiple/blob/master/stylesheets/slider.css

[comerc]

Ага, я втыкал в проект, но зачем эта запись в опциях?

stylesheet: "slider"

[lampa]

Думаю, что вопрос верный, не дописал документацию. В общем изначальный input оборачивается в несколько элементов, что-то добавляется и получается такая структура:

<div class="slider nativeMultiple">
    <div style="width: 131.444px;" class="nativeMultiple-one">
        <div style="width: 398px;">
            <input min="0" max="180" value="0,70" name="three" type="range" />
        </div>
    </div>
    <div class="nativeMultiple-two">
        <div style="width: 398px;">
            <input min="0" max="180" value="0,70" type="range" />
        </div>
    </div>
</div>

Где у первого элемента div есть два класса:
nativeMultiple — это «системный», который задает всю структуру, а slider — это как раз тот класс, который можно задать через инициализацию плагина для кастомизации слайдера.

[comerc]

Вот-вот. Объявление стиля «slider» вижу, но его использование отсутствует.