インラインコンテンツからのダイアログが可能ですか？

Question

同じページ内のインラインコンテンツを使用してjQuery Mobile dialogを作成することはできますか？例えば

：

<div data-role="page"> 
    <div data-role="content"> 

     <!-- this causes the entire current page to load as the dialog --> 
     <a href="#modal" data-rel="dialog">Open Dialog<a> 

     <div id="modal" style="display: none"> 
      Hello World 
     </div> 

    </div> 
</div> 

典型的なダイアログは、リンクオブジェクトのhrefは別個の「ページ」のものであることが必要、または側面に沿って現在のページを座っいずれか

<div data-role="page"> 
    <div data-role="content"> 
     <a href="#modal" data-rel="dialog">Open Dialog<a> 
    </div> 
</div> 
<div data-role="page" id="modal"> 
    <div data-role="content"> 
     Hello World 
    </div> 
</div> 

しかし、私のテンプレート構造は、リンクをモーダルコンテンツから分離することを禁じています。可能であれば、私は物事をモジュール化して1つのプラグ可能なコントロールにしたいと考えています。私の現在のCMSフレームワーク（Sitecore）を使用すると、モーダルコンテンツ用の全く新しい外部ページを作成するのは面倒です。

Answer 1

ソリッドでプラットフォームを超えたソリューションを見つけることができません。
しかし、Jquery Mobile 1.2には「ポップアップ」の役割があるため、どの部門もポップアップとして簡単に表示できます。 http://jquerymobile.com/test/docs/pages/popup/index.html

Answer 2

jQueryMobile - SimpleDialog2はインライン対話 http://dev.jtsage.com/jQM-SimpleDialog/demos2/

<a href="#" id="opendialog" data-role="button">Open Dialog</a> 


    <div id="inlinecontent" style="display:none" data-options='{"mode":"blank","headerText":"Yo","headerClose":true,"blankContent":true}'> 

<ul data-role='listview'><li>Some</li><li>List</li><li>Items</li></ul> 
<a rel='close' data-role='button' href='#'>Close</a> 
</div> 

$(document).delegate('#opendialog', 'click', function() { 
// NOTE: The selector is the hidden DIV element. 
$('#inlinecontent').simpledialog2(); 
})