February 2012
Beginner to intermediate
272 pages
6h 20m
English
Content preview from jQuery Mobile: Up and RunningBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Navigation
For navigation between pages, we will use standard a elements. jQuery
Mobile will take them and do the magic for us.
First of all, there are different types of hyperlinks that we can make:
Internal links to another page in the same document (known as a multipage document)
External links to a page in other jQuery Mobile documents
Absolute links to non-jQuery Mobile documents
Mobile special links
Linking between jQuery Mobile’s pages (first two cases) creates two special linking behaviors:
It creates a transition animation between pages, on compatible devices (such as iOS- and Android-based devices).
If running on a browser (and not in chromeless installed app), the browser’s back button will automatically go back to the first page.
A great feature of jQuery Mobile is the detection of the browser’s back button to deliver a backward navigation option using techniques transparent to us. Some devices, such as Android- and BlackBerry-based ones, have hardware back buttons that will also work for going back to the previous page.
Tip
In multipage documents, the first page in the DOM will be shown with the first load.
The navigation from the second page to the first one after a back event is fired is done using the same transition effect in reverse.
This back pattern is inspired by iOS and other mobile OS’s user interfaces’ patterns. jQuery Mobile will stack every new page the user accesses so she can go back anytime to any previously viewed page.
This navigation is entirely done by the framework. ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.