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.
Chapter 6. The Framework and JavaScript
jQuery Mobile provides a JavaScript API to communicate with the framework and to manage content using JavaScript. The first thing to know is that the framework is an HTML5 framework and the best way to create content is by using nonintrusive HTML5.
Creating pages and content using JavaScript instead of markup will lead to incompatibilities with some B-grade browsers and with older non-jQuery Mobile compatible platforms. If you are targeting modern tablets and smartphones and you are prepared to test your code on different real devices, then it’s safe to create content using JavaScript and AJAX instead of markup directly.
The JavaScript API not only allows us to create dynamic content compatible with the framework, but it also enables new events for us to handle and global configurations that we can define.
This chapter will require a basic knowledge of JavaScript and the jQuery core framework.
Document Events
It’s common on a web page to use the load
event to configure some defaults and initialization code. If you are
using the jQuery core framework, you may also be fond of the ready event exposed to the document element.
When we are working with a jQuery Mobile document, we have a new
event that we need to handle and to understand: mobileinit. This new
event will be fired when the jQuery Mobile framework is loaded and ready
for our initialization code. This event should be handled on the document element using jQuery’s bind method:
$(document).bind('mobileinit', ...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.