Programación de una aplicación web móvil avanzada con controles táctiles

Question

La situación:

Tengo una aplicación móvil, HTML5. La aplicación funciona muy bien en cualquier navegador que no sea móvil. El juego es bastante parecido a un boggle, haciendo clic en una ficha y arrastrando el mouse sobre otras fichas para crear una secuencia de fichas. Esto implica capturar un evento de mousedown, luego registrar y cambiar todas las fichas sobre las que arrastra, y detenerse en un evento de mouseup.

El problema En su forma nativa, no funciona en dispositivos iOS o Blackberry Playbook. Tengo la capacidad, dentro de la arena de iOS, para deshabilitar el movimiento de la pantalla, pero todavía tengo que descubrir cómo puedo grabar toques en forma de L y 'etiquetar' cada ficha que se toca en un solo movimiento.

¿Hay un framework, un plugin de jQuery o algo parecido que funcione? Idealmente, funcionaría en los navegadores iOS, Playbook y Android como un 'producto terminado'.

¡Gracias de antemano!

Answer 1

http://www.evanbyrne.com/article/super-gestures-jquery-plugin debería funcionar

Answer 2

para pantallas táctiles de las funciones que usted está buscando son ontouchstart y ontouchend.

Eche un vistazo a estos slides, para obtener un tutorial con ejemplos. Pero básicamente, probablemente quieras refactorizar el código de cambio de mosaico de tu onmousedown/up a otra función, y establecer las condiciones para eso en onmousedown/up y ontouchstart/end.

También, ya que están familiarizados con jQuery, echar un vistazo a JQuery Mobile

Answer 3

la cosa no tiene que ver el teléfono en sí, su sobre el navegador, y usted debe saber que no todos html5 navegador maneje, si están manejando este caso podemos saltar a la siguiente cosa, los plugins, que pueden proporcionarle un par de enlaces que tienen algunos buenos complementos:

http://jqtouch.com/ // muy buen complemento y prefiero trabajar en éste

http://awardwinningfjords.com/2010/09/22/handling-touch-events-in-jquery-tools-scrollable.html

http://plugins.jquery.com/plugin-tags/touch

Answer 4

PastryKit Salida, Fue desarrollado por ellos mismos manzana. https://github.com/jimeh/PastryKit

Answer 5

Puede intentar lo siguiente:

DHTMLx

Sencha Touch

Titanium Mobile - compila la mayor parte de su código en un iPhone nativa (es necesario comprar el producto para uso comercial.) o la aplicación de Android. Esencialmente no es un marco web, sino una capa de compatibilidad.

Consulte el blog comparison blog, Sencha Touch era mucho más preferible a JQTouch y Jquery Mobile