Я уже разработал и внедрил слайдер jQuery UI в проект. Несмотря на то, что слайдер отзывчивый, он не реагирует на прикосновения и перетаскивание. Вместо этого вам нужно коснуться того места, куда вы хотите переместить ползунок. Я бы хотел избежать перехода на мобильный пользовательский интерфейс jQuery, который поддерживает касание и перетаскивание, поскольку мы уже широко используем пользовательский интерфейс jQuery (немобильный).
Функциональность, которую мы хотим:
Вот
что мы используем: Здесь
На рабочем столе вы не заметите разницы. На мобильном устройстве это очевидно.
Кто-нибудь знает, как добавить эту поддержку в пользовательский интерфейс jquery?
$("#videographers").slider({
value: 2,
min: 1,
max: 3,
step: 1,
slide: function(event, ui) {
return calcTotal(ui.value);
}
});
Ответы:
jQuery ui не поддерживает сенсорное управление. Вы должны использовать его с jQuery-ui touch punch .
Просто добавьте скрипт после jQuery ui:
Вы также можете использовать cdnjs:
Примечание: лучше поставьте этому репо звезду на Github.
источник
Вы можете просто связать этот js.
Спасибо.
источник