使用jquery-mobile列表视图中的两个弹出窗口？

Question

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

    <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">

http://jsfiddle.net/3vkg7hfb/

我该怎么做？

Answer 1

奥马尔（https://stackoverflow.com/users/1771795/omar）想出了这个，效果很好。

$(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");
 });
});

http://jsfiddle.net/psgu4y9j/