Estoy desarrollando una aplicación web. Back-end MySql/PHP y front-end HTML/jQuery.
Quería usar el marco jQuery UI.
Ahora veo que jQuery Mobile está disponible y quiero que la aplicación sea accesible para los dispositivos móviles tanto como sea posible.
Busqué en Google, pero no encontré una respuesta de calidad.
¿Puedo hacer que todo funcione con el mismo código si uso jQuery Mobile?
Me gustaría que muestre los widgets móviles si se accede desde el navegador móvil.
Pero se accede al uso de widgets de jQuery UI desde el navegador de escritorio.
¿Es eso posible simplemente usando jQuery Mobile y su marcado, o tengo que escribir el front-end para dispositivos móviles (jQuery Mobile) y escritorio (jQuery UI) por separado?
Es decir, ¿puede jQuery Mobile "retroceder" automáticamente a jQuery UI si se accede desde el navegador de escritorio?
Creo que depende en gran medida de lo que quiera hacer y de la funcionalidad que intente capturar. Si desea que una página web se comporte de cierta manera en el dispositivo móvil y en el mismo escritorio, con un poco de codificación/prueba cuidadosa, estará bien con jquery.mobile.
Si revisa el CSS para jquery.mobile (versión sin comprimir), puede editar el código directamente para mostrar los elementos HTML de la manera que desee para tamaños de pantalla particulares. Simplemente seleccione uno para escritorio/tamaños de pantalla grande para escalar adecuadamente.
Dependiendo de lo que intente lograr en términos de su versión móvil, también revisaría jQTouch , que permite funciones específicas para dispositivos móviles, como "tocar" (en lugar de "hacer clic"), como ejemplo. pero también tiene una opción de compatibilidad de escritorio, por lo que se revierte para los navegadores de escritorio.
Una nota, con cualquiera de estas bibliotecas, aún necesitará la biblioteca raíz jquery.
Espero que esto ayude.
En primer lugar, deberá tener en cuenta que los flujos de trabajo para dispositivos móviles y de escritorio difieren enormemente. Intentar alternar entre la versión de escritorio y la versión móvil no será solo alternar entre recursos.
En segundo lugar, los dos marcos de interfaz de usuario difieren enormemente en la forma en que se utilizan. jQuery UI es una colección de widgets que puede invocar cuando quiera y donde quiera, en cierto sentido es una biblioteca (ish) con un marco CSS que lo respalda. Sin embargo, jQuery Mobile funciona de manera bastante diferente, por defecto es un marco impulsado por marcado y para ponerlo en funcionamiento no requiere que escriba ni una sola línea de Javascript.
Mi consejo para usted es pensar en la capa de datos como su código común y el lado del cliente como 2 piezas de trabajo completamente separadas. Personalmente, he logrado crear aplicaciones utilizando servicios web REST comunes. Uso jQuery UI para consumir servicios web y crear mashups para el lado del cliente. Luego, para la versión móvil, consumo los servicios web del lado del servidor para producir páginas html de jQuery-mobile para usar en dispositivos móviles.
También tenga en cuenta que generar HTML dinámico en el lado del cliente usando jQuery Mobile seguramente le causará grandes dolores de cabeza. Hasta que el proyecto madure, lo usaría solo para mejorar el marcado altamente semántico de los marcos. Cree una buena capa de datos sólidos y el resto será muy fácil :)
Aquí está el código fuente completo: https://github.com/ti-dev/Scrum-it para un Scrum Board de código abierto diseñado para dispositivos de escritorio y iPad de Apple. Entonces es posible combinar estos dos mundos en una sola página web.