根据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>