Estou desenvolvendo um site usando jQuery UI e há vários elementos em meu site que parecem ser incompatíveis quando visualizados em dispositivos touchscreen; eles não causam nenhum erro, mas o comportamento não é o que deveria ser.
Os elementos em questão são controles deslizantes e rangeliders conforme definido pelo jQuery UI; na tela de toque, em vez de registrar um toque como pegar uma alça e arrastar como arrastar a alça pelo controle deslizante, ele apenas desliza toda a página da web para o lado da tela. Funciona se você tocar na alça e depois no local do controle deslizante onde deseja que a alça fique, mas isso é muito lento e não é o ideal. Alguma ideia?
Tentei baixar o plugin jqtouch e depois anexar .touch([...])
a todas as chamadas de slider () e rangelider (), mas não funcionou.
Obrigado!
ATUALIZAÇÃO: encontrei este "patch" no site jQuery UI
http://bugs.jqueryui.com/ticket/4143
que diz que facilita o controle deslizante no iPhone, mas agora outra pergunta estúpida: como faço para incorporar esse "patch" ao meu código? Devo apenas incluí-lo no início do código como um plugin?
$('.ui-slider-handle').draggable();