jQuery Mobile pour mobile et ordinateur de bureau?

Question

Je suis le développement d'une web app. MySql/PHP back-end, et HTML/jQuery front-end.

Je voulais utiliser jQuery UI cadre.
Maintenant, c'est de voir que jQuery Mobile est sorti, et je veux rendre l'application accessible aux appareils mobiles autant que possible.

J'ai Googlé, mais n'ai pas trouvé une réponse qualitative.
Je peux faire le tout du même code si j'utilise jQuery Mobile?
Je voudrais montrer mobile les widgets en cas d'accès formulaire de navigateur mobile.
Mais l'utilisation de jQuery UI widgets est accessible à partir du navigateur de bureau.

Est-ce possible en utilisant simplement jQueyMobile et son marquage, ou je dois écrire le front-end pour mobile(jQuery Mobile) et de bureau(jQuery UI) séparément?
C'est, peut jQuey Mobile, automatiquement "chute en arrière" pour jQuery UI, si accessible à partir du navigateur de bureau.

Answer 1

Je pense que cela dépend en grande partie sur ce que vous voulez faire et la fonctionnalité que vous essayez de capturer. Si vous voulez faire une page pour se comporter d'une certaine manière sur le mobile et le même bureau, puis avec une certaine attention de codage/test, vous serez d'accord avec jquery.mobile.

Si vous découvrez le CSS de jquery.mobile (version non compressée), vous pouvez modifier directement le code pour afficher les éléments HTML de la façon dont vous voulez pour certaines tailles d'écran. Il suffit de sélectionner l'une pour le bureau / les grandes tailles d'écran à l'échelle appropriée.

En fonction de ce que vous essayez d'accomplir en termes de votre version mobile, je voudrais aussi vérifier jQTouch - qui permet des fonctionnalités propres au mobile, tels que les "tap" (à la place de "clic"), comme un exemple - mais il a aussi un desktopCompatability option, de sorte qu'il revient pour les navigateurs de bureau.

On remarque, par l'une de ces bibliothèques, vous aurez toujours besoin de la racine de la bibliothèque jquery.

Espérons que cette aide.

Answer 2

Tout d'abord, vous aurez à considérer que le flux de travail de bureau et portables varier considérablement. Essayez de basculer entre la version desktop et la version mobile ne sera pas seulement une bascule entre les ressources.

Deuxièmement, les deux cadres de l'INTERFACE utilisateur diffèrent considérablement dans la façon dont ils sont utilisés. jQuery UI est une collection de widgets que vous pouvez appeler quand vous le souhaitez et où vous le souhaitez, c'est dans un sens bibliothèque(ish) avec un framework CSS sauvegarde. jQuery mobile fonctionne assez différemment cependant, il est, par défaut, une majoration cadre fondé sur et pour l'obtenir vers le haut et en cours d'exécution, il ne vous obligent pas à écrire, même 1 ligne de Javascript.

Mon conseil pour vous est de penser à la couche de données comme votre code commun et côté client 2 complètement séparer les pièces de travail. Personnellement, j'ai réussi à créer des applications en utilisant le bon REPOS webservices. J'utilise le jQuery UI pour consommer des services web et de créer des mashups pour le côté client. J'ai ensuite pour la version mobile de consommer des services web côté serveur pour produire jQuery-mobile des pages html pour une utilisation sur mobile.

Notez également que la génération de HTML dynamique côté client à l'aide de jQuery Mobile sera très certainement vous causer d'énormes maux de tête. Jusqu'à ce que le projet mûrit je voudrais l'utiliser seulement pour améliorer les cadres hautement balisage sémantique. Créer un bon et solide de la couche de données et le reste sera pisse facile :)

Answer 3

Jetez un oeil ici. C'est un open source Scrum Board, qui est conçu pour les périphériques de bureau et iPad d'Apple. Donc, il est possible de combiner ces deux mondes dans une page web.

Et voici le code source complet: https://github.com/ti-dev/Scrum-it