Working with Popups

<div data-role="panel" id="config"     data-position="right" data-display="reveal">   <div data-role="header" data-theme="a">     <h3>Panel</h3></div>   <h3>Settings</h3>   <label for="Option1">Option 1</label>   <input type="checkbox" id="Option1"></input>   <label for="Option2">Option 2</label>   <input type="checkbox" id="Option2"></input>   <a data-role="button" data-icon="delete"     data-rel="close" data>Close Config</a> </div>

One of your best friends when implementing mobile page content is the popup. A popup is different from a panel in that it can be displayed anywhere on the page that’s currently being viewed. This allows you to add additional bits of extra information that the ...

Get jQuery and JavaScript Phrasebook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.