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 | przycisk | 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-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:
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 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 ui-alt-icon"> Czarny </a>
Spróbuj »
Więcej przykładów
Dodaj klasę "ui-nodISC-ikonę" do kontenera
Przykład klasy "ui-nodISC-ikona".
Dodaj klasę "ui-alt-ikonę" do kontenera
Przykład klasy "ui-alt-ikona".