在弹出窗口jquery mobile中打开弹出窗口答案

【问题标题】：open popup inside popup jquery mobile在弹出窗口jquery mobile中打开弹出窗口
【发布时间】：2014-07-21 19:02:30
【问题描述】：

我有两个弹出窗口我想打开另一个弹出表单首先弹出我使用了普通链接，但它不起作用，我看了一些教程但我不明白这是我的两个弹出窗口

<div data-role="popup" id="classMenu<%=result.get(i)%>">
        <ul data-role="listview" data-inset="true" style="min-width:210px;">

                 //link to another popup

          <li>   <a href="option<%=result.get(i) %>" data-rel="popup">Delete</a>         </li>
            <li><a href="showDataProperty.jsp">DataType Property</a></li>
        </ul></div>

我想从上面的弹出窗口打开下面的弹出窗口这是我的第二个弹出窗口

<div data-role="popup" id="option<%=result.get(i) %>" data-theme="d" data-overlay-theme="b">
                <h3>Delete?</h3>
</div>

提前致谢

【问题讨论】：

标签： jsp jquery-mobile popup

【解决方案1】：

 <div data-role="popup" id="classMenu<%=result.get(i)%>">
        <ul data-role="listview" data-inset="true" style="min-width:210px;">

                 //link to another popup

          <li>   <a href="option<%=result.get(i) %>" data-rel="popup">Delete</a>         </li>
            <li><a href="showDataProperty.jsp" >DataType Property</a></li>
           <li> <a href="#popupDelete" data-rel="popup" data-inline="true" data-position-to="window">popup2</a></li>
        </ul></div>



    <div data-role="popup" id="popupDelete" data-theme="d" data-overlay-theme="b">
                <h3>Delete?</h3>
</div>

【讨论】：

我试过这个，它不工作我想我必须先关闭第一个但我不知道怎么做，因为我是 jquery mobile 的初学者

【解决方案2】：

如果您查看弹出式文档 (http://api.jquerymobile.com/popup/)，您会看到 jQM 的 1.4.x 版不支持链式弹出式窗口：

该框架目前不支持弹出窗口的链接，因此无法嵌入从一个弹出窗口到另一个弹出窗口的链接。弹出窗口中所有带有 data-rel="popup" 的链接根本不会做任何事情。

文档中有一个解决方法，可以在关闭第一个弹出窗口后打开第二个弹出窗口。

为了让一个弹出窗口高于另一个弹出窗口，您需要使用不同的弹出窗口插件。幸运的是，jQM 的 SimpleDialog2 插件确实支持链式弹出窗口。这是我写的一篇博客，描述了如何使用 SimpleDialog2 实现链式弹出窗口：

http://jqmtricks.wordpress.com/2014/05/16/chained-popups-with-simpledialog2/

【讨论】：