Najlepszy samouczek Przycisk jQuery komórkowy W 2024 r. W tym samouczku możesz dowiedzieć się Utwórz przycisk w jQuery Mobile,<Button>,<Input>,<a>,przyciski nawigacyjne,Przykłady,przycisk inline,Przykłady,Kombinacja przycisków,Przykłady,przycisk Wstecz,Przykłady,Więcej linków przycisk instancji,
Aplikacje mobilne są zbudowane na prostym kliknięciem rzeczy, które chcesz wyświetlić.
W jQuery Mobile, przycisk można utworzyć na trzy sposoby:
W jQuery Mobile, przycisk automatycznie stylizacji, uczynić je bardziej atrakcyjnymi i dostępności na urządzeniach mobilnych. Zaleca się stosowanie elementów z danymi <a>-role = "button" łącza, użyj znacznika <input> lub <link> element łączący strony formularza zgłoszeniowego. |
Za pośrednictwem łącza przycisku między stronami, należy <a> elementy z data-role = "button" nieruchomości:
Domyślnie, przycisk zajmuje całej szerokości ekranu. Jeśli chcesz zawartość tylko jako szeroki jako przycisk lub, jeśli chcesz wyświetlać dwa lub więcej przycisków obok siebie, dodać dane-inline = "true":
jQuery Mobile oferuje prosty sposób na połączenie przycisku.
Proszę umieścić data-role = "controlgroup" atrybuty i data-type = "horizontal | pionowe" stosowane razem w celu określenia, czy kombinacje poziomych lub pionowych przycisków:
Domyślnie przyciski są połączeniem kompozycji pionowej, nie pozostawiają miejsca i przestrzeni między nimi. Tylko przez pierwsze i ostatnie przyciski są zaokrąglone, tak, że gdy są one połączone ze sobą, tworząc piękny wygląd. |
Aby utworzyć przycisk Wstecz, użyj danych-rel = "powrót" własność (który ignoruje kotwicy wartość href):
kategoria | opis | Przykłady |
---|---|---|
ui-btn-b | Przycisk Modyfikuj kolor jest czarny, czcionka jest białe (domyślnie szare tło, czarna czcionka). | próbować |
ui-corner-all | Przycisk dodać zaokrąglone narożniki | próbować |
ui-mini | Dokonywanie małych przycisków | próbować |
ui-shadow | Przycisk, aby dodać cień | próbować |
Jeśli potrzebujesz więcej stylów, każda klasa w stylu oddzielone spacją, takich jak: class = "ui ui-btn btn-inline-ui-btn-corner-all ui-shadow" Domyślnie <input> Przycisk ma zaokrąglone narożniki i efekt cienia. Ra i <button> Elementy nie. |
Dokładniejsze klasy CSS, można znaleźć na naszej Instrukcja jQuery Komórka Klasa CSS Reference .
Następny rozdział pokazuje, jak dodać ikonę na przycisku.