Aiuto con fare tasto menu per jQueryMobile

Question

Nuovo per jQuery e jquerymobile.

Tutto quello che voglio fare è nascondere il menu principale, e creare un pulsante "Menu" in alto barra di navigazione. Quando l'utente fa clic su questo pulsante di un pop-up appare con il "top-menu".

Ho tradito e sul mobile.css ho trasformato il "top-menu" per visualizzare:. Nessuno per inizialmente nasconderlo

Modifica

Si è più vicino, ma non perfetto. Ora nel menu click (era alla ricerca di onTouch o onTap ma non riusciva a trovare informazioni API) viene visualizzato il menu. C'è un modo che invece di esso apparire si apre in una finestra pop-up?

Inoltre, per qualche motivo il tema dei dati o l'icona non presentandosi neanche.

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

Il CSS jQm non si applica a ciò si aggiunge manualmente al DOM. Dovete chiamare .page() su tale elemento.

Per i dettagli vedi http://jquerymobiledictionary.dyndns.org/faq.html - domanda sulle aggiunte DOM

[modifica]

Questa potrebbe essere migliore di hacking: http: // jquerymobile.com/demos/1.0a2/#docs/toolbars/bars-fullscreen.html

[come una risposta alla tua modifica]

Prima di tutto - cercare di non utilizzare javascript per ciò che non è necessario. Perché riempire l'intestazione con javascript se non ne hai bisogno? non è stato utilizzato tutte le variabili lì.

Seconda cosa - voi non ha letto il mio tutorial. cose specifiche mobili NO jQuery sarà applicata se si crea un nuovo contenuto DOM dopo il documento è pronto. Se lo fai, devi chiamare .page() sui nuovi contenuti. È per questo che ancora non funziona.

Gli eventi sono avaliable nella documentazione e demo sezione http://jquerymobile.com/demos/1.0a2/ resta che cliccare events.

Infine - non ci sono popup nei telefoni cellulari. Se si ment una finestra dà un'occhiata a finestre di dialogo in docs jQm.

Jquery è stato un approccio totalmente diverso a JavaScript e jQuery Mobile è anche una nuova idea. Le vostre intuizioni e l'esperienza da jQuery rimarranno inutili per qualche tempo, fino a quando si ottiene l'idea di jQm e che cosa è per.

Questo potrebbe accadere più veloce se si legge un po 'progressive enhancement.

In bocca al lupo.