1. Home
  2. Introduktion til jquery mobile
  3. Introduktion til jquery mobile
  4. Hvordan linker man til sider i

0.3 Hvordan linker man til sider i jquery mobile

<< Chapter < Page
  Introduktion til jquery mobile   Page 1 / 1
Chapter >> Page >
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.

Eksempel

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>

Video-eksempel

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
<< Chapter < Page Page > Chapter >>

Read also:

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Introduktion til jquery mobile. OpenStax CNX. Dec 07, 2012 Download for free at http://cnx.org/content/col11460/1.1
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Introduktion til jquery mobile' conversation and receive update notifications?

Ask