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

two popups in a listview with jquery-mobile?

本文关键字:两个 窗口 列表 视图 jquery-mobile      更新时间:2024-06-07

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

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

我该怎么做?

Omar(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/