javascript - 关闭上一个弹出窗口后，jQuery Mobile 弹出窗口不会打开

Question

我有一个 jQuery 弹出窗口，它接受用户输入，这可能会导致错误。如果有错误，我想弹出第二个弹出窗口，但我无法正常工作。

这是一个简化的例子，我在 jsfiddle 中也有:http://jsfiddle.net/tz4ju/2/

HTML:

<div data-role="page" id="home">
    <div data-role="popup" id="errorDialog" class='ui-corner-none ui-content'>
        <p id="errormsg"></p>
    </div>

    <div data-role="popup" id="addFolderDialog" class='ui-corner-none portalpopup'>
        <div data-role='content'>
            <p></p>
            <div data-role="fieldcontain">
                <label for="name">New Folder:</label>
                <input type="text" name="name" id="newfolder_val" value="" class="ret_submit" rel="adddir_submit" />
            </div>
            <div class="clearfix">
                <a data-role="button" data-inline="true" data-theme="b" id="adddir_submit" onclick='create_folder_submit()'>Add Folder</a>
                <a data-role="button" data-inline="true" data-rel='back'>Cancel</a>
            </div>
        </div>
    </div>

    <p><a href="#addFolderDialog" data-rel="popup">Open Popup</a></p>
</div>

JavaScript:

window.create_folder_submit = function () {
    $("#addFolderDialog").popup("close");
    $("#errormsg").text("ERROR!");
    $("#errorDialog").popup("open");
}

顺便说一句，如果我在其他任何地方调用 $("#errorDialog").popup("open")，它就会起作用。我做错了什么？

Answer 1

根据这个Documentation (see at the page end) jQuery Mobile 中不允许链接弹出窗口。

您可以像下面这样实现链接弹出窗口。

$( document ).on( "pageinit", function() {
$( '.popupParent' ).on({
    popupafterclose: function() {
        setTimeout( function(){ $( '.popupChild' ).popup( 'open' ) }, 100 );
    }
});
});

引用这个 Fiddle Demo