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

Answer 2

检查您的浏览器弹出窗口拦截器。因此需要使用setinterval来触发它。

简单地写下你的js，

window.create_folder_submit = function () {
    $("#addFolderDialog").popup("close");
    $("#errormsg").text("ERROR!");
    var popup = setInterval(function(){
        $("#errorDialog").popup('open');
        clearInterval(popup);
    },1);
};

的 SEE THIS WORKING FIDDLE DEMO

Answer 3

实际上使用popupafterclose事件无法工作，因为每次离开弹出窗口时都会触发它。即使你点击“取消”。你应该在收盘和开盘之间做一个简单的延迟。

关闭上一个弹出窗口后，jQuery Mobile弹出窗口无法打开

3 个答案: