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

如果你看一下popup api docs：http://api.jquerymobile.com/popup/，它会说明以下内容：

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

如果你需要在另一个上面打开一个弹出窗口，你将不得不使用不同的插件或自己动手。您可以看到我对另一个问题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来演示这个。

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

2 个答案: