Chrome bug,没有打开jQuery Mobile弹出窗口

时间:2014-04-08 09:01:24

标签: javascript jquery google-chrome jquery-mobile

根据ajax登录尝试,如果登录失败,我会尝试显示弹出窗口。在Firefox中完美运行,但在Chrome中无法显示。 它显示了使用Chrome调试,但在运行时没有显示。

function loginUser(username, password)
    {
        $.ajax({
            type: "POST",
            url: SERVER_URL + AJAX_FILE,
            cache: false,
            dataType: "text",
            data: { user:username, pass:password, func:"LOGIN" },
            success: function(data) {
                var json = JSON.parse(data);
                console.log(json.LOGIN);

                if (json.LOGIN === "LOGIN_OK") {
                    $.mobile.navigate("#start", { transition : "fade" });
                }
                else {
                    $("#popupLoginFail").popup("open");
                }
            },
            error: function(data) {
                console.log("Unknown error " + data);
            }
        });
    }

popup看起来像:

<div data-role="popup" id="popupLoginFail" data-overlay-theme="a" data-theme="a" data-dismissible="false" style="max-width:400px;">
                <div data-role="main" class="ui-content">
                    <h3 class="ui-title">Unable to login</h3>
                <p>Wrong username or password</p>
                    <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-b" data-rel="back">Ok</a>
                </div>
            </div>

0 个答案:

没有答案