Page Header

• Header Bars
• Header Buttons
• Footer Tabs
• Form Elements
• List Views
• Dialogs
• Popups ^New!
• 适用浏览器：FireFox、Chrome、Opera、傲游、搜狗. 不支持IE8、360、Safari、世界之窗。
• 来源：Gxl网-jquery插件

Form Elements

Back

Inactive <a> Active <a> Inactive <button> Active <button>

Does the above look funny? Consider it a bug in jQuery mobile where the classes from the underling <button> are not being attached to the new DOM

List Example

Back

• Divider
• Anatomy of a page
• Page transitions
• Dialogs
• Navigation: Ajax, hashes & history
• Link format examples
• Theming pages
• Anatomy of a page
• Page transitions
• Dialogs
• Navigation: Ajax, hashes & history
• Link format examples
• Theming pages
• Anatomy of a page
• Page transitions
• Dialogs
• Navigation: Ajax, hashes & history
• Link format examples
• Theming pages
• Anatomy of a page
• Page transitions
• Dialogs
• Navigation: Ajax, hashes & history
• Link format examples
• Theming pages

Headers

Back

The default bar is the blue, but you can also use the black by specifying data-theme="b".

Header Buttons

Back

The various styled buttons you can place in a header:

Button Style E Button Style D Button Style C Button Style B Button Style A

Delete Draft Save Draft Cancel

Post to Twitter Post to Facebook Post to YouTube Cancel

Dialogs

Back

All the options Delete Example Post Something

Footer Tabs

Back

Popups

Back

Open Popup Open Popup with Overlay iOS Style Popup