jQuery Mobile Toolbar

elementi della barra degli strumenti di solito si trova in testa e coda - rendono la navigazione facile accesso a:

Head Bar

colonna di testa contiene in genere il frontespizio / logo o uno o due pulsanti (di solito la home page, o l'opzione di ricerca).

È possibile aggiungere i pulsanti sul lato sinistro o destro della testa.

Il seguente codice aggiungere un pulsante alla sinistra della testa del testo del titolo, aggiungere un pulsante a destra della testa del testo del titolo:

Il seguente codice aggiungere un pulsante alla sinistra della testa del testo del titolo:

Tuttavia, se si mette il link tasto posto dopo il <h1> elemento non sarà in grado di visualizzare il testo a destra. Per aggiungere un pulsante a destra della testa del titolo, specificare la classe come "ui-btn-right":

	Header può contenere uno o due pulsanti, la coda senza limitazione.

bar Tail

Più flessibile rispetto alla barra di intestazione di colonna posteriore - tutta la loro pagine più funzionali e di variabilità, può contenere il maggior numero di pulsanti:

Nota: La coda e la testa stile diverso (senza imbottitura e lo spazio, e il pulsante non è centrata). Possiamo usare un semplice modello per risolvere questo problema:

È inoltre possibile utilizzare il pulsante nelle combinazioni orizzontali o verticali posteriori:

Posizionamento del bar bar testa e la coda

Testa e la coda possono essere posizionate in tre modi:

• Inline - default. United barra di intestazione interno e il bar e il contenuto della pagina posteriore.
• Fisso - testa e la coda bar bar fissato alla parte superiore e inferiore della pagina.
• Fullscreen - modalità di posizionamento fisso è fondamentalmente lo stesso con la barra testa e coda barra fissa alla parte superiore e inferiore della pagina. Ma quando era fuori dallo schermo quando si scorre la barra degli strumenti non verrà visualizzata di nuovo automaticamente, a meno che non toccare lo schermo, quale immagine o categoria video è stato sollevato nel senso della domanda è molto utile. Si noti che questa barra degli strumenti modalità riguarderà il contenuto della pagina, quindi è meglio utilizzato in occasioni speciali.

Utilizzando proprietà posizioni dei dati per individuare la barra di testa e la coda bar:

Per consentire il posizionamento a schermo intero, utilizzare i dati di posizione = "fisso", e aggiungere l'attributo data-fullscreen all'elemento:

Suggerimento: completa il targeting vale per foto, immagini e video.

Suggerimento: posizionamento fisso e la destinazione a tutto schermo cliccando sullo schermo verrà visualizzare e nascondere la testa della colonna e la barra di coda.

Altri esempi

Sulle icone della barra degli strumenti visualizza solo
Sulla barra degli strumenti visualizza icone solo è possibile utilizzare la classe ui-btn-icon-notext.