是否有可能在jquery mobile中弹出（父）弹出窗口？

Question

我正在使用Jquery mobile 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> 

但是，这并不工作..有什么办法能解决这个问题呢？

Answer 1

如果你看一下弹出的API文档：http://api.jquerymobile.com/popup/，它规定如下：

框架目前不支持弹出窗口的链接，所以它不是可以嵌入从一个弹出一个链接到另一个弹出。弹出窗口中的所有带有data-rel =“popup”的链接都不会执行任何操作。

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

Answer 2

我有一个similar question并被转介到这里。按照上述popup api链接，我发现了一个简单的解决方案，不涉及一个插头。

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

我有一个jsfiddle演示这一点。