jQuery Mobile Cookbook

Table of Contents

• Preface

• Chapter 1: Get Rolling
• Introduction
• Writing your first jQuery Mobile application
• Using JS Bin to create a simple application

• Chapter 2: Pages and Dialogs
• Introduction
• Writing a single-page template application
• Writing a multi-page template application
• Prefetching pages for faster navigation
• Using the DOM cache to improve performance
• Custom styling a dialog
• Using CSS to create a bouncing page transition
• Using JS to create a slide and fade page transition
• Using data-url to handle the login page navigation
• Using History API to create a custom error pop up

• Chapter 3: Toolbars
• Introduction
• Using fullscreen fixed toolbars
• Using persistent navbars in toolbars
• Customizing the header with multiple buttons
• Adding a customized round button to the header
• Adding an image to the header
• Adding a customized back button
• Adding a layout grid to the footer

• Chapter 4: Buttons and Content Formatting
• Introduction
• Scripting a dynamically added button
• Using a custom icon in a button
• Adding a custom icon sprite
• Replacing the default icon sprite
• Using alternate icons in a collapsible
• Creating a nested accordion
• Creating a custom layout grid
• Using XML content
• Using JSON content

• Chapter 5: Forms
• Introduction
• Native styling of form controls
• Disabling text controls
• Grouping radio buttons in a grid
• Customizing a checkbox group
• Creating dynamic flip switch and slider controls
• Using options to auto-initialize a select menu
• Validating forms
• Submitting a form using POST
• Fetching data using GET
• Creating an accessible form

• Chapter 6: List Views
• Introduction
• Using inset and non-inset lists
• Creating a custom numbered list
• Using a nested list
• Using a read-only nested list
• Formatting content in a list
• Using a split button list
• Using image icons
• Creating a custom search filter
• Modifying a list with JavaScript

• Chapter 7: Configurations
• Introduction
• Configuring the active classes
• Configuring ajaxEnabled
• Configuring autoInitializePage
• Configuring the default transitions
• Configuring ignoreContentEnabled
• Configuring the page loading and error messages
• Configuring the default namespace
• Configuring hashListeningEnabled and subPageUrlKey
• Configuring pushStateEnabled and linkBindingEnabled

• Chapter 8: Events
• Introduction
• Using orientation events
• Using scroll events
• Using touch events
• Virtual mouse events
• Page initialization events
• Page load and remove events
• Page change events
• Page transition and animation events
• Using layout events

• Chapter 9: Methods and Utilities
• Introduction
• Using loadPage() to load a page
• Using changePage() to change a page
• Using jqmData() and jqmRemoveData()
• Using jqmEnhanceable()
• Using jqmHijackable
• Using $.mobile.base
• Parsing an URL
• Using $.mobile.path utility methods
• Using silent scrolling

• Chapter 10: The Theme Framework
• Introduction
• Theming a nested list
• Using a custom background
• Using custom fonts
• Styling corners
• Overriding the global Active State theme
• Overriding an existing swatch
• Using the ThemeRoller tool to create a swatch

• Chapter 11: HTML5 and jQuery Mobile
• Introduction
• Using the new HTML5 semantics
• Improving speed and taking your application offline
• Using Web Workers for intensive tasks
• Using local and session storage
• 2D drawing with Canvas
• Applying Gaussian blur on a SVG image
• Tracking your location with the Geolocation API
• Playing music with the <audio> element
• Viewing videos with the <video> element

• Index