Добавление сенсорного доступа к слайдеру jQueryUI

Оригинал статьи

JQueryUI Slider wigit может быть трудно использовать на сенсорных устройствах. Это делает его намного проще, если есть кнопка для нажатия, которая регулирует ползунок. jQueryUI SliderAccess легко добавляет эту функциональность.

Если вы заинтересованы в участии в SliderAccess, пожалуйста, проверьте это на GitHub. Если вы делаете дополнения, пожалуйста, имейте в виду, что я люблю вкладки над пробелами,.. Но вклады приветствуются в любой форме.

Настоятельно рекомендуется

Подпишитесь на мой блог по электронной почте и следовать @PracticalWeb в Twitter. Я отправляю почти для каждой новой версии, так что вы знаете об обновлениях.

Скачать

Скачать / внести свой вклад на GitHub (Нужен весь репозиторий? Обнаружили ошибку? Смотрите, если его фиксирован)

Требования

Вы также должны включить jQuery и jQuery UI с datepicker и slider wigits. Вы должны включить их в свою страницу в следующем порядке:

jQuery
jQueryUI (with slider and button wigits)
SliderAccess

Версия

Version 0.2

Last updated on 09/22/2012

jQuery UI Slider Access в настоящее время доступен для использования во всех персональных или коммерческих проектах под лицензиями MIT и GPL. Это означает, что вы можете выбрать лицензию, наиболее подходящую для вашего проекта, и использовать ее соответствующим образом.

GPL License

MIT License

Опции

SliderAccess имеет несколько вариантов настройки его внешнего вида и функциональности:

touchonly: Default: true - Показывать sliderAccess только на сенсорных устройствах
where: Default: "after" - Где разместить кнопки. "после" (after) или " до" (before)
step: Default: inherits from slider - Сколько единиц каждом нажатии кнопки инкремент/декремент.
upIcon: Default: "ui-icon-plus" - jQueryUI тема класс, представляющий значок, используемый для приращения.
downIcon: Default: "ui-icon-minus" - jQueryUI тема класс, представляющий значок, используемый для декремента.
text: Default: false - Независимо от того, чтобы показать текст кнопки.
upText: Default: "+" - Текст для отображения в кнопке приращения.
downText: Default: "-" - Текст для отображения в кнопку декремента.
buttonset: Default: true - Независимо от того, чтобы использовать jQueryUI Buttonset.
buttonsetTag: Default: "span" - Имя тега, используемое для создания набора кнопок.
speed: Default: "150" - При нажатии и удержании кнопки изменяется скорость ее срабатывания.
isRTL: Default: false - При значении true значения приращения и положения будут отрицаться.

Examples

Добавить sliderAccess к основному ползунку.

$('#basic_example_1').slider().sliderAccess({
	touchonly : false
});

Изменить положение SlateAccess.

$('#basic_example_2').slider({
	min: 0,
	max: 100,
	value: 50,
	step: 10 // Этот объект будет наследован SlateAccess
}).sliderAccess({
	touchonly : false,
	where: 'before'
});

Использовать текст для кнопок

$('#basic_example_3').slider().sliderAccess({
	touchonly : false,
	text: true,
	upText: 'More',
	downText: 'Less'
});