jquery mobileでページ内にダイアログを作成する方法は？

Question

ここに私のコードです。私は20の質問を動的に構築する。だから私はそれぞれのためのダイアログを作成する必要があります。 jquery mobileを使用して構築されたモバイルアプリケーションです。だから私はjqueryのモバイルダイアログ機能を使用することを好む。

私は確かにそれを行うことができます知っている、ちょうどよく分からない。

<div data-role="page" id="Survey"> 

<div class="quest"> 
    @Html.DisplayFor(modelItem => item.Text)<div class="quest_com"> 
    <a href="#dialog-@Html.DisplayFor(modelItem => item.Id)" data-rel="dialog" data-transition="flip">Comments</a></div> 
</div> 


<div data-role="page" id="dialog"> 
      <div data-role="header"> 
       <h1> 
        Dialog</h1> 
      </div> 
      <div data-role="content"> 
       <div class="center-wrap"> 
        <textarea style="width: 320px" title="Comments"> 

      </textarea><a data-rel="dialog" data-role="button">Save</a> 
       </div> 
      </div> 
</div> 

</div> 

Answer 1

pageを別のページにネストして機能させることはできません。 20の質問は、それぞれjQuery Mobileのページ要素として設定する必要があります。あなたがする探しているものを解決する必要がありますhttp://jsfiddle.net/shanabus/ZfBvB/

：

<div data-role="page" id="Survey"> 
... 
<a data-rel="dialog" href="question-dialog-1">Question 1</da> 
</div> 

<div data-role="page" id="question-dialog-1"> 
... 
</div> 

は、ここでのアクションで、それを実際の例です。

ここにはjQuery Mobile dialogsに関するドキュメントがあります。