jQuery Mobile

jQuery Mobile Example Launcher

Use this app to launch most of the examples from the book jQuery Mobile. Some of the examples have been combined, and most of the JavaScript snippets have been omitted as they are meant to be illustrative only.

Note that each of these files opens in its own browser window.

• Chapter 1: Meet jQuery Mobile
  • Example 1: Basic HTML 5 Page for a JQuery Mobile application
  • Example 2: jQuery Mobile data-role attributes applied to HTML 5 markup
  • Example 3: Adding a second page and link to it
• Chapter 2: Application Structure and Navigation
  • Example 1: Multiple internal pages in one HTML document
  • Example 2: Linking to an external page
  • Example 3: Calling a Dialog
  • Example 4: Specifying a Transition for a Dialog
  • Example 5: Specifying Reverse Transitions
• Chapter 3: Page Elements
  • Example 1: Basic List View
  • Example 2: List View with Buttons
  • Example 3: List View with Dividers
  • Example 4: Nested List Views
  • Example 5: Creating Split Buttons
  • Example 6: List View Icons and Thumbnails
  • Example 7: List Item Count Bubbles
  • Example 8: Basic Navigation Bar
  • Example 9: Formatted Navigation Bar
  • Example 10: Navigation Bar with Stacked Buttons
  • Example 11: Fixed Header and Footer
  • Example 12: Fullscreen Header and Footer
  • Example 13: Button, Button, Who's Got the Button
  • Example 14: Button Control Groups
  • Example 15: Button Icons
  • Example 16: Checkboxes and Radio Buttons
  • Example 17: Flip Toggle
  • Example 18: Search Input
  • Example 19: Native Select Menu
  • Example 20: A Custom Select Menu
  • Example 21: Slider Element
  • Example 22: Layout Grids
• Chapter 4: Theming jQuery Mobile
  • Example 1: Swatch Browsing Application
  • Example 2: Mixing Swatches
  • Example 3: Theming List View Elements
  • Example 4: Customizing a Swatch
• Chapter 5: jQuery Mobile API
  • Example 1: Using Swipe Events to Trigger Page Transitions
• Chapter 6: jQuery Mobile In Action
  • Example 1: jqmTweet Dummy Pages
  • Example 1: jqmTweet Take 1
  • Example 1: jqmTweet Improved