Question

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

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

提前致谢

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

Answer 2

如果查看弹出文档（http://api.jquerymobile.com/popup/），您会看到自jQM版本1.4.x起，它不支持链式弹出窗口：

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

DOC中有一种解决方法，在关闭第一个弹出窗口后打开第二个弹出窗口。

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

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

在popup jquery mobile中打开弹出窗口

2 个答案: