Model view controller 如何使用jquery mobile在页面中创建对话框？

这是我的密码。我动态构建了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>

@DisplayFor（modelItem=>item.Text）
对话
拯救

您不能将

页面嵌套在另一个页面中，以使其正常工作。您的20个问题应分别设置为各自的jQuery移动页面元素

<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>


...

这会解决你想要做的事情

这是上的文档。
您不能将
页面嵌套在另一个页面中，以使其正常工作。您的20个问题应分别设置为各自的jQuery移动页面元素

<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>


...

这会解决你想要做的事情

这是有关的文档