<< Chapter < Page | Chapter >> Page > |
Knapper er centrale elementer i Jquery Mobile. Der findes to typer af knapper på jQuery Mobile: Formknapper der laves med "input" eller "button" tags og navigeringsknapper der laves med et a-tag, hvorefter Jquery Mobile automatisk optimerer knapperne til brug på mobile enheder for at give en ensartet og optimal brugeroplevelse, på tværs af mobile enheder.
Et link vil eksempelvis blive til en navigeringsknap ved at tilføje atributten data-role="button"
<a href="index.html" data-role="button">Link button</a>
Dette vil give følgende resultat:
Det er også muligt at lave en mini version af navigationsknappen til brug fx i menubarer eller hvor pladsen er trang. Dette gøres ved at tilføje data-mini="true"
Dette giver en knap der afviger fra en standard knap ved at være mere kompakt og med mindre font størrelse.
Hvordan skal koden se ud, for at lave en mere kompakt version af en navigationsknap?
<a href="index.html" data-role="button" data-mini="true">Link button</a>
Hvis du selv vil prøve at lave navigationsknapper i jQuery Mobile kan du se mere på (External Link)
Notification Switch
Would you like to follow the 'Introduktion til jquery mobile' conversation and receive update notifications?