Das beste jQuery Mobile Button Icons-Tutorial im Jahr 2024. In diesem Tutorial können Sie Button-Symbole zu jQuery Mobile hinzufügen,Standort icon,Icon Lage:,Nur Symbol,Beispiel:,Entfernen Sie den Kreis,Beispiele,Schwarz, weiß Taste,Beispiele,Weitere Beispiele, lernen
jQuery Mobile bietet eine Reihe von Tasten aussehen wünschenswert Symbol lässt.
Wir können die Klasse ui-Symbol verwenden, um ein Symbol auf die Schaltfläche hinzufügen, und die Taste eingestellt werden kann die angegebene Klasse.
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left">Search</a>
Hinweis: Auf der anderen Wege - Tasten, wie eine Liste oder eine Form von Schaltflächen Daten-Symbol - Attribut verwenden. Im nächsten Abschnitt werden wir spezifische einführen.
Nachfolgend listen wir einige der verfügbaren Symbole jQuery Mobile bietet:
Button-Klasse | Beschreibung | Taster | Beispiele |
---|---|---|---|
ui-icon-arrow-l | Pfeil nach links | versuchen | |
ui-icon-arrow-r | Pfeil nach rechts | versuchen | |
ui-icon-info | Information | versuchen | |
ui-icon-löschen | löschen | versuchen | |
ui-icon-back | Rückzug | versuchen | |
ui-icon-Audio | Lautsprecher | versuchen | |
ui-icon-lock | Vorhängeschloss | versuchen | |
ui-icon-Suche | Suche | versuchen | |
ui-icon-Alarm | Warnung | versuchen | |
ui-icon-Gitter | Gitter | versuchen | |
ui-icon-home | Zuhause | versuchen |
Eine vollständige Referenzhandbuch für alle Tastensymbole jQuery Mobile, besuchen Sie unsere jQuery Mobile Symbol - Referenzhandbuch .
die oben (oben), rechte Seite (rechts), am Boden (unten), die links (links): Sie können auch ein Symbol positioniert, in welcher Position Taste angeben.
Bitte benutzen Sie den ui-btn-Symbol Attribut den Speicherort angeben:
Wenn Sie nicht die Position der Schaltfläche Bild angeben, wird das Symbol nicht angezeigt werden. |
Wenn Sie das Symbol angezeigt werden soll, können Sie die "notext" verwenden:
Standardmäßig werden alle Symbole haben einen grauen Kreis. Wenn Sie es nicht brauchen, können Sie das Element "ui-NoDisc-Symbol" Kategorie verwenden:
Standardmäßig sind alle Symbole weiß. Wenn Sie das Symbol die Farbe ist schwarz ändern müssen, können Sie "ui-alt-Symbol" in Elemente hinzufügen:
Add "ui-NoDisc-Symbol" Klasse in den Behälter
Beispiel "ui-NoDisc-Symbol" Klasse.
Add "ui-alt-Symbol" Klasse in den Behälter
Beispiel "ui-alt-Symbol" Klasse.