jQuery Telefony ikony przycisków

jQuery Mobile oferuje zestaw przycisków pozwala spojrzeć bardziej pożądaną ikonę.

Przycisk dodać ikony jQuery Mobile

Możemy użyć klasy UI-ikonę, aby dodać ikonę do przycisku, a przycisk można ustawić za pomocą określonej klasy.

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left">Search</a>

Uwaga: W inny sposób przyciski, takie jak listy lub postaci przycisków wykorzystują atrybut danych ikon. W następnej części będziemy wprowadzać konkretne.

Poniżej podajemy niektóre z dostępnych ikon jQuery Mobile oferuje:

Klasa przycisk	opis	Przykłady
ui-icon-strzałka-l	Strzałka w lewo	próbować
ui-icon-strzałka-r	Strzałka w prawo	próbować
ui-icon-info	Informacja	próbować
ui-icon-delete	usunąć	próbować
ui-icon-back	rekolekcje	próbować
ui-icon-audio	głośnik	próbować
ui-icon-lock	kłódka	próbować
ui-icon-search	poszukiwanie	próbować
ui-icon-alert	ostrzeżenie	próbować
ui-icon-siatka	oczko	próbować
ui-icon-home	dom	próbować

Dla kompletnego podręcznika dla wszystkich ikon przycisków jQuery telefonów, odwiedź naszą jQuery Telefony Instrukcja ikona Reference .

icon Lokalizacja

Można również określić ikonę umieszczoną na przycisku, co pozycja: górny (u góry), po prawej stronie (po prawej), na dole (na dole), w lewo (po lewej).

Proszę kliknąć na ikonę atrybut-UI-btn, aby określić lokalizację:

Icon Lokalizacja:

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-top"> góry </a>
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-right"> prawej stronie </a>
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-bottom"> dolna </a>
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left"> lewa </a>

Spróbuj »

	Jeśli nie określić lokalizację przycisku obrazu nie będzie wyświetlana ikona.

Pokaż tylko ikonę

Jeśli chcesz wyświetlić ikonę, można użyć "notext":

Przykład:

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-notext"> Szukaj </a>

Spróbuj »

Zdjąć koło

Domyślnie wszystkie ikony mają szare koło. Jeśli nie jest to potrzebne, można użyć kategorię elementem "ui-nodISC-ikonę":

Przykłady

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left"> wykorzystanie krąg (domyślnie) </a>
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left ui-nodisc-icon"> zdjąć koło </a>

Spróbuj »

Czarny, biały przycisk

Domyślnie wszystkie ikony są białe. Jeśli trzeba zmienić kolor ikony jest czarny, można dodać "ui-Alt-ikonę" w elementach:

Przykłady

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left"> białe </a>
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left ui-alt-icon"> Czarny </a>

Spróbuj »