jQuery komórkowy pasek nawigacyjny

Pasek nawigacyjny jest zbiorem linków ułożonych poziomo kompozycji, zazwyczaj zawarty w głowę lub ogon.

Domyślnie linki w pasku nawigacyjnym automatycznie zostanie przycisk (brak danych-role = "button").

Korzystanie data-role = "NavBar" przypisują zdefiniowanie paska nawigacji:

Przykłady

Spróbuj »

	Domyślnie szerokość przycisku, a jej zawartość jest identyczna. Użyj listę nieuporządkowaną, aby równomiernie podzielić szerokość przycisków: jeden przycisk do 100% szerokości dwóch przycisków każda stanowiło 50% szerokości trzech przycisków każde stanowiło 33,3% szerokości, i tak dalej. Jednakże, jeśli podasz więcej niż pięć przycisków na pasku nawigacyjnym zostaną podzielone na wiele linii (patrz "Więcej przykładów").

Domyślnie szerokość przycisku, a jej zawartość jest identyczna. Użyj listę nieuporządkowaną, aby równomiernie podzielić szerokość przycisków: jeden przycisk do 100% szerokości dwóch przycisków każda stanowiło 50% szerokości trzech przycisków każde stanowiło 33,3% szerokości, i tak dalej. Jednakże, jeśli podasz więcej niż pięć przycisków na pasku nawigacyjnym zostaną podzielone na wiele linii (patrz "Więcej przykładów").

Nawigacja ikony przycisków

Możemy użyć atrybutu danych ikonę, aby dodać ikony przycisków nawigacyjnych:

Przykłady

<a href="#anylink" data-icon="search"> Szukaj </a>

Spróbuj »

atrybutów danych ikona z sekcji klasy CSS ikony przy użyciu tej samej wartości. Klasa CSS użyć class = "ui-icon- wartość" , ikona danych atrybutu wykorzystać dane-icon = "wartość".

Wartość nieruchomości	opis	ikona
Dane-icon = "home"	dom
Dane-icon = "strzałka-R"	Po prawej strzałki
Dane-icon = "search"	poszukiwanie

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

icon Lokalizacja

Podobnie jak "ui-btn-icon- pozycji" tej samej kategorii (fragment ikony są opisane w szczegółach), można ustawić lokalizację ikony wyświetlanej: górną (głowa), prawo (po prawej), na dole (na dole) lub w lewo (po lewej stronie ).

Lokalizacja ikona na pasku nawigacyjnym pojemnika jest za pomocą wymiany danych za iconpos atrybut, aby określić lokalizację:

Wartość nieruchomości	opis	Przykłady
data-iconpos = "top"	Wyrównaj górną ikonę	próbować
data-iconpos = "right"	Ikona po prawej wyrównane	próbować
data-iconpos = "bottom"	Wyrównaj dolną ikonę	próbować
data-iconpos = "left"	Wyrównaj lewą ikonę	próbować

	Domyślnie ikona znajduje się nad tekstem przyciski nawigacyjne (dane-iconpos = "top").

przycisk aktywacji

Gdy link na pasku nawigacyjnym kliknięciu, zostanie on wybrany (wciśnięty) wygląd.

Jeśli chcesz dostać ten występ nie klikaj w link, należy użyć class = "ui-btn-aktywny":

Przykłady

Spróbuj »

Na wielu stronach, może chcesz sprawdzić wygląd każdego przycisku w imieniu danej strony użytkownik się znajduje. Aby to zrobić, należy dodać "UI-btn-aktywny" link do klasy "ui-state-utrzymują" oraz: