是否有可能在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演示這一點。