Sto sviluppando un sito web utilizzando jQuery UI e ci sono diversi elementi sul mio sito che sembrano essere incompatibili se visualizzati su dispositivi touchscreen; non causano errori, ma il comportamento non è quello che dovrebbe essere.
Gli elementi in questione sono slider e rangelider come definiti da jQuery UI; sul touch screen, invece di registrare un tocco come prendere una maniglia e un trascinamento come trascinare la maniglia attraverso il dispositivo di scorrimento, fa scorrere l'intera pagina web sul lato dello schermo. Funziona se tocchi la maniglia e quindi tocca la posizione sul cursore in cui vuoi che finisca la maniglia, ma questo è molto lento e non è l'ideale. Qualche idea?
Ho provato a scaricare il plugin jqtouch e quindi a collegarmi .touch([...])
a tutte le chiamate a slider () e rangelider (), ma non ha funzionato.
Grazie!
AGGIORNAMENTO: ho trovato questa "patch" sul sito web dell'interfaccia utente di jQuery
http://bugs.jqueryui.com/ticket/4143
questo dice che facilita lo slider su iPhone, ma ora un'altra stupida domanda: come faccio a incorporare questa "patch" nel mio codice? Lo includo solo all'inizio del codice come un plugin?
$('.ui-slider-handle').draggable();