Page Header

  • Header Bars
     
  • Header Buttons
     
  • Footer Tabs
     
  • Form Elements
     
  • List Views
     
  • Dialogs
     
  • Popups New!
     
  • 适用浏览器:FireFox、Chrome、Opera、傲游、搜狗. 不支持IE8、360、Safari、世界之窗。
  • 代码整理:站长图库
     


Form Elements

Back







Choose a pet:
Inactive <a> Active <a>

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".

Back

Blue Bar

Button

Back

Black Bar

Button

Header Buttons

Back

The various styled buttons you can place in a header:

Page Title

Edit

Page Title

Black

Page Title

Delete

Page Title

Done

Page Title

Back

Page Title

Back

Dialogs

Back
All the options Delete Example Post Something

Footer Tabs

Back
  • One
  • Two
  • Three

Popups

Back
Open Popup Open Popup with Overlay iOS Style Popup

This is a completely basic popup, no options set.

This is a completely basic popup, but with an overlay

Saved

loading