Jquery mobile jQuery Mobile 1.4嵌套弹出窗口-无法使建议的答案生效

我无法就这个问题发表评论，原因如下：

我尝试了公认的答案，但没有成功。我的html是：

<div data-role="main" class="ui-content">
    <button id="showpopup1">Show popup 1</button>
    <div id="popup1" data-role="popup">
        <h1>Popup 1</h1>
        <button id="showpopup2">Show popup 2</button>
        <a href="#" data-rel="back">Close</a>
    </div>
    <div id="popup2" data-role="popup">
        <h1>Popup 2</h1>
        <a href="#" data-rel="back">Close</a>
    </div>
</div>

就在这里：

---

mobileinit应该放在jQuery核心之后，jQuery Mobile的头部之前。使用带有href=popID和data rel=popup的代替按钮。您还可以使用第三部分插件simpledialog2来获取链接式弹出窗口：Omar:没关系；这对我来说不是一个解决方案，因为我需要第一个弹出窗口保持打开状态，或者至少在第二个弹出窗口关闭后以原来的状态重新打开@埃桑克尔：看来我需要做些类似的事情。很遗憾JQM不能做到这一点。

$(document).on("mobileinit", function() {
    var originalHandleLink = $.mobile.popup.handleLink;
    $.mobile.popup.handleLink = function(link) {
        var activePopup = $.mobile.popup.active,
            path = $.mobile.path;
        if (activePopup) {
            var popup = $(path.hashToSelector(
                path.parseUrl(link.attr("href")).hash)).first();
            if (popup.length > 0 && popup.data("mobile-popup")) {
                activePopup._close(true);
            }
        }
        originalHandleLink.apply(this, arguments);
    };
});

$('#showpopup1').click(function() {
    $('#popup1').popup('open');
});

$('#showpopup2').click(function() {
    $('#popup2').popup('open');
});