Summary: Hvordan man linker til sider i jQuery Mobile
Når du laver interne links på en hjemmeside lavet med jQuery Mobile, skal du tage højde for, at koden adskiller sig lidt ift. almindelig HTML-kodning. Herunder kan du se et eksempel på, hvordan href og id skal bruges til at linke i jQuery Mobile.
Kort forklaring: I den tekst, du linker fra, skal der indgå et href-tag. Dette tag skal så indeholde et havelåge-tegn og det id, som du har defineret i den side, der linkes til.
I følgende eksempel vil vi linke til side 1. Først angiver vi teksten "Side 1" i et href-tag, da vi skal linke fra denne tekst. href-tagget indeholder et #side1, hvilket henviser til id'et på den side, som vi linker til.
<p><a href="#side1">Side 1</a></p>
I nedenstående kode er selve sidens id (side1) defineret.
<div data-role="page" id="side1" data-title="Side 1">
<div data-role="header">
<h1>Side 1</h1>
I jQuery Mobile kan du også tilføje overgange mellem siderne. Det gør du ved hjælp af data-transition - se eksemplet nedenfor.
<p><a data-transition="slide" href="#side1">Side 1</a></p>
Herunder kan du se, hvordan koder skal laves og indsættes i jQuery Mobil, hvis du vil linke til interne sider.
| Links på jQuery Mobile-sider |
|---|