Download and Use
- Reqirements
- jQuery 1.6.4+
- jQueryMobile 1.0
- Download Links - Current Version (hotlinking allowed)
- Uncompressed, Development Version Plugin
- Uncompressed, Development CSS Styles
Compressed, Production Version Plugin- Compressed, Production CSS Styles
Note:The current version is also my first real stop on the development path. If you have a mission critical app, it is *highly* recommended that you either link to the compressed version, or better yet, a copy on your own server
- Significant Loading Order
- Loading Order is significant, a typical <head> might look like:
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog2.min.js"></script>
A Note on selectors:
In SimpleDialog, it was very important to choose a selector that was on the visible page, and unique. This is no longer true. SimpleDialog2 frankly does not care. At all. Ever. A few possibilities:
- document
- The document object. This works just fine. It will attach to the document, and clean up after itself. Cleanly.
$(document).simpledialog2({ ... });- html or body
- Main elements in the page - again, no issue, it'll clean up when it closes.
$('html').simpledialog2({ ... });- Any existing ID
- Any one will do. Be careful never to attach to anything that might exist more than once, like a class - odd things will happen.
$('#ALinkOrDivorSpanorWhatever').simpledialog2({ ... });- An anonymous element
- Why not just create a temporary node? SimpleDialog2 will even delete it for you when it finishes (see option: safeNuke). Please note the use of full HTML with TAGS! (if you do 'div', it's selecting all div's, not making one)
$('<div>').simpledialog2({ ... });