问题是ajax脚本正在桌面浏览器上运行,但在移动设备上它不起作用只是重新加载页面。
这是脚本
/* validation */
$("#login-form").validate({
rules:
{
email: {
required: true,
email: true
},
pass_key: {
required: true
}
},
messages:
{
email: "please enter a valid email address",
pass_key: "No password given"
},
submitHandler: submitForm
});
/* validation */
/* submiting data */
function submitForm()
{
var datta = $("#login-form").serialize();
$.ajax({
type : 'POST',
url : 'actions/login.php',
data : datta,
beforeSend: function()
{
$("#feed-back").fadeOut();
$("#btn-login").html('<i class="fa fa-spin fa-spinner"></i> loading ...');
},
success : function(resp)
{
if(resp == 1){
$("#feed-back").fadeOut(1000, function(){
$("#field-place").fadeOut(800);
$("#btn-login").html('<i class="fa fa-check-circle"></i> Done ...');
setTimeout(' window.location.href = "dashboard/index.php"; ',900);
});
}
else if(resp == 2){
$("#feed-back").fadeOut(1000, function(){
$("#field-place").fadeOut(800);
$("#btn-login").html('<i class="fa fa-check-circle"></i> Done ...');
setTimeout(' window.location.href = "dashboard/admin.php"; ',900);
});
}
else{
$("#feed-back").fadeIn(1000, function(){
$("#feed-back").html('<div class="alert alert-danger"> <span class="glyphicon glyphicon-info-sign"></span> '+resp+'! </div>');
$("#btn-login").html('<i class="fa fa-times"></i> Login');
});
}
}
});
return false;
}
});
它也不适用于Opera mini 8.它只会在我提交时重新加载页面。