Hilfe bei der Herstellung von Menü-Taste für jQueryMobile

Question

neu in Jquery und jquerymobile.

Alles, was ich will, ist das Hauptmenü verstecken tun, und erstellen Sie einen „Menü“ -Taste auf der oberen Navigationsleiste. Wenn Benutzer klickt auf diese Schaltfläche, ein Pop-up erscheint mit dem „Top-Menü“.

ich betrogen und auf dem mobile.css drehte ich das „Top-Menü“ angezeigt werden soll:. None zunächst ausblenden

Bearbeiten

Got es näher, aber nicht perfekt. Jetzt auf Menü klicken (war auf der Suche nach OnTouch oder onTap konnte aber nicht API Informationen finden) Menü erscheint. Gibt es eine Möglichkeit, dass statt es erscheint es auf einem Pop-up-Fenster öffnet?

Auch aus irgendeinem Grunde Daten Thema oder das Symbol auch nicht auftauchen.

$(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

Die JQM CSS wird nicht angewendet, was fügen Sie manuell auf das DOM. Sie haben .page() an diesem Punkt zu nennen.

Weitere Informationen finden Sie unter http://jquerymobiledictionary.dyndns.org/faq.html - Frage über DOM Ergänzungen

[Bearbeiten]

Dies könnte besser sein, als es Hacking: http: // jquerymobile.com/demos/1.0a2/#docs/toolbars/bars-fullscreen.html

[als Antwort auf Ihre bearbeiten]

Zunächst einmal - versuchen, nicht zu verwenden JavaScript, was es nicht gebraucht wird. Warum den Header mit Javascript füllen, wenn Sie es nicht brauchen? Sie haben alle Variablen nicht dort verwendet werden.

Die zweite Sache - du hast nicht mein Tutorial. NO jQuery Mobile spezielle Sachen werden angewandt, wenn Sie neuen DOM Inhalt erstellen, nachdem Dokument ist fertig. Wenn Sie das tun, haben Sie .page() auf neue Inhalte zu nennen. Deshalb ist es immer noch nicht funktioniert.

Veranstaltungen sind verfügbar in den docs & Demos Abschnitt http://jquerymobile.com/demos/1.0a2/ müssen nur events klicken.

Schließlich - es gibt keine Pop-ups in Mobiltelefonen. Wenn Sie ment ein Dialog einen Blick auf Dialoge in JQM docs.

JQuery war eine völlig andere Herangehensweise an JavaScript und jQuery Mobile ist auch eine neue Idee. Ihre Intuitionen und Erfahrungen aus jquery werden seit einiger Zeit nutzlos bleiben, bis Sie die Idee von JQM bekommen und was es für.

Dies könnte schneller passieren, wenn Sie ein bisschen auf Progressive Enhancement lesen.

Viel Glück.