jQueryMobile - SimpleDialog2


Download and Use

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:

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({ ... });