Javascript 使用jquery mobile在列表视图中显示两个弹出窗口？

我希望能够从采购弹出窗口导航到编辑弹出窗口，但当我单击“编辑”时，它不会显示编辑弹出窗口，而是关闭采购弹出窗口

    <div data-role="popup" id="purchase" data-theme="a" data-overlay-theme="c">
    <div data-role="popup" id="edit" data-theme="a" data-overlay-theme="c">

我怎样才能做到这一点呢？

奥马尔（）提出了这个方法，效果很好

$(document).on("pagecreate", function (e) {
  $(".edit", e.target).on("click", function () {
    $("#purchase", e.target)
        .one("popupafterclose", function () {
        $("#edit", e.target)
            .popup({
            transition: "pop"
        })
            .popup("open");
    })
        .popup("close");
 });
});