자바스크립트로 모바일 웹을 쉽게 구축할 수 있는 jQueryMobile 입니다.

1. Welcome to
jQueryMobile Fundamental 3

2. 1. Tab
2. Panel
3. Popup
jQueryMobile
Fundamental 3
Based on
http://demos.jquerymobile.com/1.4.0/

3. Tab : Navbar jQueryMobile Fundamental 3
The jQuery mobile tabs widget is actually just an extension of the
jQuery ui tabs widget and takes all the same options and methods
Tab
Real View

4. Tab : Listview jQueryMobile Fundamental 3
Use inset listview for tabs. We will mention about listview next
chapter.
Tab
Real Content

5. Panel jQueryMobile Fundamental 3
Flexible by design, panels can be used for navigation, forms,
inspectors and more. The display mode of the panel is set by
the data-display attribute. “reveal”, “overlay”, “push”

6. Popup : Basic & Menu jQueryMobile Fundamental 3
Add the data-role="popup" attribute to a div with the popup contents.
Then create a link with the href set to the id of the popup div, and
add the attribute data-rel="popup“.

7. Popup : Form jQueryMobile Fundamental 3
You can place a form inside a popup. When it opens, focus will be
restricted to elements inside the popup.

8. Popup : Dialog jQueryMobile Fundamental 3
Standard dialog markup can be placed into a popup. To create a
modal style dialog, add the data-dismissible="false" attribute to the
popup to prevent the click-outside-to-close behavior

9. Expand your dimension!
Let’s Start!