是否可以在 jquery mobile 的 popup(parent) 中打开弹出窗口？答案

【问题标题】：Is it possible to open popup in popup(parent) in jquery mobile?是否可以在 jquery mobile 的 popup(parent) 中打开弹出窗口？
【发布时间】：2014-04-29 05:10:42
【问题描述】：

我正在使用 Jquery 移动版 1.4.2。是否可以在弹出（父弹出）中打开弹出（子弹出）？

我试过这样，

<a href="#pop1" data-rel="popup" data-position-to="window" data-transition="pop">pop1</a> 

<div data-role="popup" id="pop1" data-dismissible="false"> 
 Parent popup
 <a href="#pop2" data-rel="popup" data-position-to="window" data-transition="pop">popup 2</a> 
 <div data-role="popup" id="pop2" data-dismissible="false"> 
   Child Popup
 </div>

</div>

但这不起作用..有什么办法可以解决这个问题吗？

【问题讨论】：

标签： jquery-mobile

【解决方案1】：

如果您查看弹出式 api 文档：http://api.jquerymobile.com/popup/，它会说明以下内容：

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

如果您需要在另一个之上打开一个弹出窗口，您将不得不使用不同的插件或滚动您自己的插件。您可以看到我对另一个问题 Show raw jquery mobile simple dialog above another raw jquery mobile simple dialog 的回答，我使用 Simpledialog2 插件来实现这一点。

【讨论】：

【解决方案2】：

我有一个similar question 并被推荐到这里。按照上面的popup api链接，我找到了一个不涉及插件的简单解决方案。

$(document).on("pageinit", function () {
  $('#del').click(function (e) { // e is the event
    setTimeout(function () {
        $("#popupDelete").popup("open")
    }, 100);
  });
});

我有一个jsfiddle 来演示这个。

【讨论】：