Facebook comme le balayage des menus en JavaScript sans jQuery Mobile

Je suis le développement d'une application avec PhoneGap et jQuery Mobile. C'est vraiment tuant les performances de l'application.La seule raison pour laquelle je suis à l'aide de jQuery Mobile est à cause de la balayage latéral menus.

Il est tout simple bibliothèque qui n'est que la mise en œuvre correctement? Je n'ai trouvé que jQuery Mobile.

Merci d'avance!

OriginalL'auteur udexter | 2013-05-15

  1. 14

    Vous pouvez essayer ces deux projets ainsi

    https://github.com/jakiestfu/Snap.js

    http://www.berriart.com/sidr/

    Snap.js belle allure. Merci pour ce lien.
    Merci pour la recommandation de ma bibliothèque 😉
    Ne peut-on pas utiliser le HTML 5 pour cette. Je ne sais pas pour vous, mais entendu certaines personnes dire ceci peut être réalisé en utilisant le HTML 5. Si c'est le cas, pourquoi utiliser une bibliothèque externe pour augmenter la taille et de la dépendance du projet?

    OriginalL'auteur Mifeng

  2. 0

    Ici est "cool" écrite à l'aide de Javascript. Vous pouvez essayer ceci:

    https://github.com/boxbreakout/menujs

    peut aller avec javascript suggéré par Geeniewanted.

    OriginalL'auteur GenieWanted

  3. 0

    Oui,Vous avez raison,Ils sont à l'origine de nombreux problèmes de performances de l'application, principalement,

    1.En raison du fait qu'il y a des effets de transitions pour chaque fois que nous glisser quelque chose ou de modifier la Page en cours.Tous les appareils mobiles ne sont pas suffisamment compatible pour les transitions.Donc,pour le faire travailler en douceur appliquer des transitions aucun partout dans votre application.

    Appliquer ce sur votre index.html page.Dans la balise head.

    <script>
 $(document).on("mobileinit", function()
  {
        $.mobile.defaultPageTransition = 'none';
  }
</script>

    ou

    vous pouvez appliquer data-transition="none" dans votre application.
    J'ai des problème similaire dans le passé.Mais cette solution a fonctionné pour moi.

    2.Je ne sais pas tout de la bibliothèque javascript.mais j'ai une des solutions pour cela.Prendre un div et de le rendre masquer/afficher sur mousemove/touchmove ou swipeleft/swiperight événements de jQuery Mobile.Vous pouvez définir le CSS de la div pour afficher/cacher n'importe où dans votre page.

    Voici le lien pour le nombre d'événements de jQM.
    jQM Événements

    par exemple

     <div id="xyz">
 </div>

 <a data-role="button" id="abc" href="#" data-theme="c" >Swiperight</a>

    en javaScript

     $('#abc').on('swipeleft',function()
 {
    var div = $('#xyz');
    div.show();
 }

    Espère que j'ai répondu à votre question selon vos exigences.

    OriginalL'auteur mpatel