Start IoT with jQueryMobile - 기초3
3 likes445 views
This document introduces various jQuery Mobile fundamentals including tabs, panels, and popups. Tabs can be created using a navbar and listview. Panels provide flexible content displays like navigation, forms, and inspectors. Popups can contain basic content, menus, forms, or dialogs and are opened by linking to their ID. The document aims to expand the user's skills in these jQuery Mobile features.
1 of 9
Download to read offline
More Related Content
What's hot (9)
Ad
Viewers also liked (20)
Ad
Similar to Start IoT with jQueryMobile - 기초3 (20)
More from Park Jonggun (19)
Recently uploaded (20)
Start IoT with jQueryMobile - 기초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!