Examples jQuery Mobile
jQuery Mobile page
A basic mobile web
Multiple pages
Dialog
jQuery Mobile page switching
Fade effect
Forward from the rear flip effect
Flow effects
Pop effect
Sliding effect
Right-to-left slide and fade effects
From bottom to top sliding effect
From top to bottom sliding effect
Flip effect
No transition effect
Reverse effect
jQuery Mobile Button
Create button
Inline button
A combination of buttons
Back button
Fillet or a button with rounded corners with
Small or regular size buttons
Button with or without a shadow of a shadow
jQuery Mobile button icons
Add an icon to a button
Location icon
Show only icon
jQuery Mobile Toolbar
Create a column head and tail bar
Add button in the header bar
Add button in the left column head
Add button on the right side of the head column
With the rear bar buttons
Align the rear bar with buttons
Tail bar with a combination of buttons
Tail bar with horizontal combination of buttons
Inline positioning - bar head and tail column and page content inline
Fixed positioning - bar head and tail bar fixed to the top and bottom of the page
Fullscreen positioning - bar head and tail bar fixed to the top and bottom of the page, but will cover the page content
jQuery Mobile navigation bar
Create a navigation bar
Content navigation bar
Tail navigation bar
Add a button in the navigation bar is selected (pressed) Appearance
Continued to add selected (pressed) Appearance
Icon in the navigation bar
10 buttons in the navigation bar demo
jQuery Mobile collapsible block
Create a Collapsible content blocks
Expand the content when the page loads
Nested collapsible block
Foldable collection
Cancel rounded collapsible block on
Let collapsible block smaller
Change icon collapsible block
Collapsible List
Collapsible form
jQuery Mobile Grid
Two layout
Three layouts
Four layout
Five layout
Custom Grid
Out in the multi-line
jQuery Mobile List
Create a list view
List view with rounded corners
Delimited list
Automatic separation
Create a search filter
Change the text in the search box
Create a read-only list
Add to list items thumbnail
Add HTML elements, list items filled with information
Add icons to list items
Create a list with a split button
Make a list of items more functional
Create bubble count
Create a default list item link icon
Collapsible List
Create Calendar
jQuery Mobile Form
Text entry box
Text entry fields
Search input box
single button
Checkbox
Horizontal combination radio buttons and checkboxes
Field containers with radio buttons and check boxes
Preselection radio button / checkbox
Create a select menu
Create a select menu with partition (optgroup) of
Custom Select Menu
Select more than one option in the selection menu
Portfolio Selection Menu
Portfolio Selection menu level
Preselected options
Collapsible form
Create a slider control
Highlight Highlight slider value
Create a toggle switch
Pre-selection toggle switch
jQuery Mobile themes
Theme "a"
Topic "b"
Theme head and tail content
Theme dialog
Topics button
Theme icons
The head and tail of Themes button
Topic Navigation Bar
Topic collapsible buttons and content
Topic List
Topic split button
Topic Collapsible List
Themes Form
Topic collapsible form
Custom Theme
jQuery Mobile touch events
Click (Tap) Event
Click and hold (Taphold) Event
Slide (the Swipe) Event
Swipe left (Swipeleft) Event
Swipe to the right (Swiperight) Event
Scroll start (Scrollstart) Event
Scroll end (Scrollstop) Event
Change of direction (Orientationchange) events - prompted directions
Change of direction (Orientationchange) event - as portrait and landscape set different styles