Aiuto con fare tasto menu per jQueryMobile
-
26-09-2019 - |
Domanda
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.
});
});
});
Soluzione
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.