jQuery Mobile Toolbar

Toolbar-Elemente in der Regel in den Kopf und Schwanz entfernt - machen die Navigation einfach Zugriff auf:

Leiter Bar

Kopf Spalte enthält in der Regel den Seitentitel / Logo oder ein oder zwei Tasten (in der Regel auf der Homepage oder Suchoption).

Sie können Tasten auf der linken oder rechten Seite des Kopfes hinzufügen.

Der folgende Code wird eine Schaltfläche auf der linken Seite des Kopfes des Titeltextes, fügen Sie eine Schaltfläche auf der rechten Seite des Kopfes des Titeltext hinzufügen:

Der folgende Code wird eine Schaltfläche auf der linken Seite des Kopfes des Titeltext hinzufügen:

Allerdings platziert wird, wenn Sie auf die Schaltfläche Verbindung setzen, nachdem die <h1> Element nicht in der Lage sein, Text rechts angezeigt werden soll. Um eine Schaltfläche auf der rechten Seite des Kopfes des Titels hinzuzufügen, geben Sie die Klasse als "ui-btn-right":

	Header kann eine oder zwei Tasten enthalten, den Schwanz ohne Einschränkung.

Heckleiste

Flexibler als die Bar hintere Spaltenkopf - über ihre Seiten funktioneller und Variabilität, kann es so viele Tasten enthalten:

Hinweis: Der Schwanz und Kopf der unterschiedlichen Art (keine Polsterung und Raum, und die Taste ist nicht zentriert). Wir können ein einfaches Muster, um dieses Problem zu lösen:

Sie können auch auf die Schaltfläche in den hinteren horizontalen oder vertikalen Kombinationen verwenden:

Die Positionierung des Kopf- und Schwanz bar bar

Kopf und Schwanz kann auf drei Arten positioniert werden:

• Inline - Standard. Vereinigte innere Kopfleiste und hinteren Bar und Seiteninhalt.
• Fest - Kopf und Schwanz bar bar nach oben fixiert und unten auf der Seite.
• Vollbild - Feste Positionierung Modus ist im Grunde das gleiche mit dem Kopf und Schwanz bar bar befestigt an der oberen und unteren Rand der Seite. Aber als er aus dem Bildschirm war, wenn die Symbolleiste Scrollen wird nicht wieder automatisch angezeigt werden, es sei denn, auf den Bildschirm tippen, das Bild oder Video-Kategorie hat sich in die Sinne der Anmeldung erhoben worden ist sehr nützlich. Beachten Sie, dass dieser Modus Symbolleiste den Seiteninhalt zu decken, so ist es am besten zu besonderen Anlässen verwendet wird.

Mit Hilfe von Daten-Position-Eigenschaft den Kopf und Schwanz bar bar zu suchen:

So aktivieren Positionierung Vollbild, die Daten-Position verwenden = "fixed", und fügen Sie Daten-Vollbild-Attribut für das Element:

Tipp: Voll Targeting gilt für Fotos, Bilder und Videos.

Tipp: feste Positionierung und Vollbild - Targeting auf dem Bildschirm , indem Sie wird angezeigt und Spaltenkopf und Heckleiste auszublenden.

Weitere Beispiele

Auf der Symbolleiste wird nur Symbole
Auf der Symbolleiste wird nur angezeigt, können Sie die ui-btn-icon-notext Klasse.