Aide à faire bouton de menu pour jquery mobile

Question

nouvelle à jquery et jquery mobile.

Tout ce que je veux faire est cacher le menu principal, et créer un bouton « Menu » en haut la barre de navigation. Lorsque l'utilisateur clique sur ce bouton, un pop-up apparaît avec le « top-menu ».

Je triché et sur la mobile.css je me suis tourné le « top menu » pour afficher:. Aucun cacher initialement

EDIT

Got it plus, mais pas parfait. Désormais, cliquez Menu (cherchait OnTouch ou onTap mais n'a pas pu trouver des informations API) apparaît de menu. Est-il possible que, au lieu de celui-ci apparaissant ouvre sur une fenêtre pop-up?

En outre, pour un thème de données de raison ou de l'icône ne se présente pas non plus.

$(document).ready(function(){
    $('#header').append('<div data-role="navbar"><ul><li class="mainMenu"><a href="#" data-iconpos="top" data-icon="grid" data-theme="b">Menu</a></li><li><a href="#">facebook</a></li><li><a href="#">Twitter</a></li></ul></div>');
    $('.mainMenu').click(function() {
      $('#top-menu').toggle('fast', function() {
        // Animation complete.
      });
    });
});

Answer 1

Le CSS JQM n'est pas appliquée à ce que vous ajoutez manuellement dans le DOM. Vous devez appeler .page() sur ce point.

Pour plus de détails voir http://jquerymobiledictionary.dyndns.org/faq.html - question environ additions DOM

[modifier]

Cela pourrait être mieux que le piratage, il: http: // jquerymobile.com/demos/1.0a2/#docs/toolbars/bars-fullscreen.html

[en réponse à votre modifier]

Tout d'abord - essayez de ne pas utiliser javascript pour ce qu'il est pas nécessaire. Pourquoi si vous ne avez pas besoin de remplir l'en-tête avec le javascript? Vous n'avez pas utilisé toutes les variables là.

La deuxième chose - vous n'avez pas lu mon tutoriel. substance spécifique NO mobile de sera appliquée si vous créez un nouveau contenu DOM après le document est prêt. Si vous faites cela, vous devez appeler .page() sur le nouveau contenu. Voilà pourquoi il ne fonctionne toujours pas.

Les événements sont avaliable dans la documentation et démos section http://jquerymobile.com/demos/1.0a2/ il suffit de cliquer events.

Enfin - il n'y a pas popups dans les téléphones mobiles. Si vous ment une boîte de dialogue jetez un oeil à des boîtes de dialogue dans JQM docs.

Jquery était une approche totalement différente de javascript et jquery mobile est aussi une nouvelle idée. Vos intuitions et de l'expérience de jquery resteront inutiles pendant un certain temps, jusqu'à ce que vous obtenez l'idée de JQM et ce qu'il est pour.

Cela peut se produire plus rapidement si vous lisez un peu sur l'amélioration progressive.

Bonne chance.