Mam już stylizację i zaimplementowałem w projekcie suwak jQuery UI. Chociaż jest responsywny, suwak nie reaguje na dotykanie i przeciąganie. Zamiast tego musisz dotknąć miejsca, w którym chcesz przesunąć suwak. Chciałbym uniknąć zamiany na mobilny interfejs użytkownika jQuery, który obsługuje dotykanie i przeciąganie, ponieważ już intensywnie używamy interfejsu użytkownika jQuery (niemobilnego).
Funkcjonalność, której chcemy:
Tutaj
Czego używamy: Tutaj
Na komputerze nie widać różnicy. Na urządzeniu mobilnym jest to oczywiste.
Czy ktoś wie, jak dodać tę obsługę do interfejsu użytkownika jQuery?
$("#videographers").slider({
value: 2,
min: 1,
max: 3,
step: 1,
slide: function(event, ui) {
return calcTotal(ui.value);
}
});
Odpowiedzi:
Interfejs użytkownika jQuery nie obsługuje dotyku. Powinieneś używać go z dziurkaczem dotykowym jQuery-ui .
Po prostu dodaj skrypt po interfejsie jQuery:
Możesz także użyć cdnjs:
Uwaga: lepiej nadaj temu repozytorium gwiazdkę na Github.
źródło
Możesz po prostu połączyć ten plik js.
dzięki.
źródło