95 votes

curseurs de jQuery UI sur les dispositifs de contact

Je suis le développement d'un site web à l'aide de jQuery UI, et il y a plusieurs éléments sur mon site qui semble incompatible lors de l'affichage sur les appareils à écran tactile; ils ne provoquent pas des erreurs, mais le comportement n'est pas ce qu'elle devrait être.

Les éléments en question sont des curseurs et rangesliders tel que défini par jQuery UI; sur l'écran tactile, au lieu d'enregistrer un contact comme ramasser une poignée et faites glisser en faisant glisser la poignée sur le curseur, c'est juste des diapositives de l'ensemble de la page web sur le côté de l'écran. Il fonctionne si vous appuyez sur la poignée, puis appuyez sur l'emplacement du curseur où vous souhaitez que la poignée à la fin, mais c'est très lent et n'est pas idéal. Des idées?

J'ai essayé de télécharger le jqtouch plugin et puis attacher .touch([...]) de tous les appels à curseur() et rangeslider(), mais cela ne fonctionne pas.

Merci!

Mise à JOUR: j'ai trouvé ce "patch" sur le site de jQuery UI

http://bugs.jqueryui.com/ticket/4143

qui dit qu'il facilite le curseur sur l'iPhone, mais maintenant une autre question stupide: comment puis-je intégrer cette "pièce" dans mon code? Dois-je simplement l'inclure au début du code comme un plugin?

138voto

dazbradbury Points 2483

Cette bibliothèque semble offrir ce que vous recherchez :

https://github.com/furf/jQuery-UI-Touch-Punch#Readme

Il a également quelques exemple de code suivant (il suffit d’ajouter le plugin) :

22voto

Stijn_d Points 638

Je voulais juste ajouter quelques nouvelles informations à ce sujet. Touch-poinçon fonctionnera bien pour iPad et appareils Android. Mais le curseur ne fonctionnera pas sur les périphériques mobiles Windows, autant est j’ai pu tester (avec les dernières versions de jquery ui & Touch punch)

La solution est assez simple, il suffit d’ajouter les règles CSS suivantes au curseur-.ui-handle :

Espérons que cette aide

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X