1) data-role="page"

Met jQMobile zet je standaard alle pagina's in 1 bestand. Je maakt een div met het attribuut data-role="page". Zie hieronder een vorbeeld met twee pagina's:

  <div data-role="page">
  Dit is de home pagina
</div>

<div data-role="page">
  Dit is de contact pagina
</div>

2) Linken naar pagina's

  • geef de pagina's eerst hun eigen id:
  <div data-role="page" id="home">
  Dit is de home pagina
</div>

<div data-role="page" id="contact">
  Dit is de contact pagina
</div>

  • vervolgens maak je een link (a element) die linkt naar het id (#contact):
  <div data-role="page" id="home">
  Dit is de home pagina. Ga naar de <a href="#contact">contact pagina</a>.
</div>

<div data-role="page" id="contact">
  Dit is de contact pagina
</div>


213 0 0