O'Reilly logo

Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile by David Karlins

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Customizing Mobile page content

In a basic sense, you customize jQuery Mobile page content the same way you customize any starter-page-generated content. Starter pages come with template content, and you can replace that with your own real content.

Simple enough? Kind of. As we've noted, there is a different order of gaps between the content and layout in jQuery Mobile pages. To put it another way, nothing is even close to how it appears with Live View turned off. And yet, you can't edit content in Live View.

The HTML5 data-role property

Div tags associated with the jQuery Mobile script can function as different kinds of elements, including ones that appear to be and act like pages in a mobile device. This is done by implementing the data-role property ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required