Najlepszy samouczek jQuery Telefony ikony przycisków W 2024 r. W tym samouczku możesz dowiedzieć się Przycisk dodać ikony jQuery Mobile,icon Lokalizacja,Icon Lokalizacja:,Pokaż tylko ikonę,Przykład:,Zdjąć koło,Przykłady,Czarny, biały przycisk,Przykłady,Więcej przykładów,
jQuery Mobile oferuje zestaw przycisków pozwala spojrzeć bardziej pożądaną ikonę.
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 .
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ę:
Jeśli nie określić lokalizację przycisku obrazu nie będzie wyświetlana ikona. |
Jeśli chcesz wyświetlić ikonę, można użyć "notext":
Domyślnie wszystkie ikony mają szare koło. Jeśli nie jest to potrzebne, można użyć kategorię elementem "ui-nodISC-ikonę":
Domyślnie wszystkie ikony są białe. Jeśli trzeba zmienić kolor ikony jest czarny, można dodać "ui-Alt-ikonę" w elementach:
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".