04_2016 02 5 JQuery Mobile - brodieroy/Study GitHub Wiki

1. JQ Mobile Buttons
2. 1 jQuery Mobile Pages
   1. 1. The data-role="page" is the page displayed in the browser
      2. The data-role="header" creates a toolbar at the top of the page (often used for title or search buttons)
      3. The data-role="main" defines the content of the page, like text, images, buttons, forms, etc.
      4. The "ui-content" class adds extra padding and margin inside the page content
      5. The data-role="footer" creates a toolbar at the bottom of the page
      6. Inside these containers, you can add any HTML elements - paragraphs, images, headings, lists, etc.
3. 2 jQuery Mobile Transitions

Slide

1. 3 jQuery Mobile Buttons

<input type="button" value="Button"></input> <button class="ui-btn">Button</button> Button

1. 1. We recommend that you use the element with class="ui-btn" to link between pages, and <input></input> or <button></button> elements for form submission.
2. 4 jQuery Mobile Button Icons

Search

1. 5 jQuery Mobile Popups

data-position-to="window" Popup will appear centered within the window data-position-to="#myId" Popup is positioned over the element with a specified #id data-position-to="origin" Default. Popup is positioned directly over the clicked element

Show Popup

<----dis 뭐시기 까지 했음.

1. 6jQuery Mobile Toolbars