嗨,下面这段代码在所有设备中都非常适合工作。
我不知道为什么......你能帮助我吗?
适用于台式机和移动Android,但不适用于Apple设备......
我有一个ipad,我用它来测试,但我不知道如何调试我的代码......
$(document).on("touchstart click", "#btn", function(){
$(document).off("touchstart click", "#btn");
var data = $("#preview_form").serializeObject();
console.log(data);
$.ajax({
"type": "POST",
"url": ajaxurl,
"cache": false,
"data": data,
"beforeSend": function(){
$(".my-lightbox-close").click();
$("#wrapper").fadeOut();
$("#result").css({"min-height":"500px"}).html("<div id='loading-animation-container'><p><span id='glow'></span><span id='light'></span><span id='stars'></span><span id='stars-2'></span><span id='small-stars'></span><span id='small-stars-2'></span></p><div class='loader'><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--text'></div></div></div>");
},
"success": function (result) {
window.location.replace("http://www.example.com/");
return false;
},
"error": function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
}
});
});
我认为处理ajax请求是因为我的灯箱在点击时消失了。但是没有发送数据,页面也没有刷新......
答案 0 :(得分:0)
我已删除“关闭灯”框,然后单击“处理ajax请求”。听起来奇怪但仍然有效。
$(document).on("touchstart click", "#btn", function(){
$(document).off("touchstart click", "#btn");
var data = $("#preview_form").serializeObject();
console.log(data);
$.ajax({
"type": "POST",
"url": ajaxurl,
"cache": false,
"data": data,
"beforeSend": function(){
//$(".my-lightbox-close").click();
$("#wrapper").fadeOut();
$("#result").css({"min-height":"500px"}).html("<div id='loading-animation-container'><p><span id='glow'></span><span id='light'></span><span id='stars'></span><span id='stars-2'></span><span id='small-stars'></span><span id='small-stars-2'></span></p><div class='loader'><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--text'></div></div></div>");
},
"success": function (result) {
window.location.replace("http://www.example.com/");
return false;
},
"error": function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
}
});
});