Skip to content Skip to navigation

OpenStax_CNX

You are here: Home » Content » Hvordan linker man til sider i jQuery Mobile

Navigation

Recently Viewed

This feature requires Javascript to be enabled.
 

Hvordan linker man til sider i jQuery Mobile

Module by: Stefan Skjerning. E-mail the author

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.

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.

Content actions

Download module as:

PDF | EPUB (?)

What is an EPUB file?

EPUB is an electronic book format that can be read on a variety of mobile devices.

Downloading to a reading device

For detailed instructions on how to download this content's EPUB to your specific device, click the "(?)" link.

| More downloads ...

Add module to:

My Favorites (?)

'My Favorites' is a special kind of lens which you can use to bookmark modules and collections. 'My Favorites' can only be seen by you, and collections saved in 'My Favorites' can remember the last module you were on. You need an account to use 'My Favorites'.

| A lens I own (?)

Definition of a lens

Lenses

A lens is a custom view of the content in the repository. You can think of it as a fancy kind of list that will let you see content through the eyes of organizations and people you trust.

What is in a lens?

Lens makers point to materials (modules and collections), creating a guide that includes their own comments and descriptive tags about the content.

Who can create a lens?

Any individual member, a community, or a respected organization.

What are tags? tag icon

Tags are descriptors added by lens makers to help label content, attaching a vocabulary that is meaningful in the context of the lens.

| External bookmarks