jQuery Mobileでダイアログを閉じる方法

jQuery Mobile1.1.0でダイアログを閉じる方法を調べてみました。 3通りあるようです。

• 元のページに戻るaタグに「data-rel="back"」をつける。 http://jquerymobile.com/demos/1.1.0/docs/pages/page-dialogs.html
• スクリプトで「$('.ui-dialog').dialog('close')」を呼ぶ。 http://jquerymobile.com/demos/1.1.0/docs/pages/page-dialogs.html
• スクリプトで「$.mobile.changePage('#main')」を呼ぶ。('#main'はダイアログを置いているページのidです。)http://jquerymobile.com/demos/1.1.0/docs/pages/page-scripting.html

<a href="#main" data-role="button" data-rel="back">data-rel="back"</a>
<a onclick="$('.ui-dialog').dialog('close');" data-role="button" >$('.ui-dialog'
).dialog('close')</a>
<a onclick="$.mobile.changePage('#main');" data-role="button" >$.mobile.changePa
ge('#main')</a>

以下サンプルです。

http://dl.dropbox.com/u/29584957/blogger/20120518_jquery_mobile_dialog/jquery_m_dialog.html