0
我有一個頁面，HTML5-jQuery。它在Mobile Safari和Chrome上運行良好。但是，當全屏打開時，它的行爲真的很奇怪。有一個'保存'鏈接（#updateLink），通過web服務發送更新的文本並接收成功/失敗響應。一旦我收到回覆，應用程序會突然關閉。這僅在全屏模式下發生。Angular JS - iOS 8 - iPad Air：全屏應用繼續關閉
HTML：
<div id="footerAnnouncementsDiv" class="footerAnnouncementsDiv">
<a href id="updateLink" class="saveLink">Save</a>
<a href id="cancelLink" class="cancelLink">Cancel</a>
<a href id="createLink" class="saveLink" style="float:left">Create New Announcement</a>
</div>
JS：
$("#updateLink").on("click", function (e) {
e.preventDefault();
if (mode == "edit") {
//This one
updateAnnouncementsData();
}
else if (mode == "create") {
//Ignore this one
createNewAnnouncement();
}
mode = "edit";
});
//Function to retrieve entire result set from backend
function getAnnouncementsData() {
$.ajax({
url: webServiceURL + "getAllAnnouncements",
beforeSend: function (request) {
request.setRequestHeader("Authorization", user.slsPlnrId + '~' + user.role + '~' + user.authId + '~' + AC);
},
type: "POST",
contentType: "application/json; charset=utf-8",
data: JSON.stringify({ "sls_plnr_id": user.slsPlnrId,"role": user.role }),
async: false,
timeout: 30000,
success: function (result, status, xhr) {
if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {
$("#announcementsListDiv").empty();
var x = $(result.announcements).sort("anncmt_dt", "desc");
$.each(x, function (iterator, item) {
var datestr = item.anncmt_dt.split(/[-T.]/);
var dateObj = new Date(datestr.slice(0, 3).join('/') + ' ' + datestr[3]);
var day = dateObj.getDate().toString();
var month = monthNames[dateObj.getMonth()].toString();
var constructor = '<div class="announcementItem" id="' + item.anncmt_id + '">';
constructor += '<div class="dateStampDiv"><span class="dayLabel">' + day + '</span></br><span class="monthLabel">' + month + '</span></div>';
constructor += '<div style="display: none" id="' + item.anncmt_id + 'date">' + item.anncmt_dt + '</div>';
constructor += '<div class="shortAnnouncementDiv">';
constructor += '<div class="shortHeaderDiv" id="' + item.anncmt_id + 'header">' + item.anncmt_sbj + '</div>';
if (item.anncmt_desc.length > 90) {
constructor += '<div class="shortDescDiv">' + item.anncmt_desc.substring(0, 90).trim() + '...' + '</div>';
}
else {
constructor += '<div class="shortDescDiv">' + item.anncmt_desc + '</div>';
}
constructor += '<div style="display: none" id="' + item.anncmt_id + 'description">' + item.anncmt_desc.trim() + '</div>';
constructor += '</div><a href="#" id="a' + item.anncmt_id + '" class="deleteAnnouncement" />';
constructor += '</div>';
$("#announcementsListDiv").append(constructor);
});
$("#announcementsListDiv").append('<div style="clear:both"></div>');
if (x.length == 0) {
mode = "create";
}
//$(".announcementItem").first().trigger("click");
}
},
error: function (xhr, status, error) {
alert("An error occured while processing your request");
}
});
}
//Function to update record at backend
function updateAnnouncementsData() {
var jsonObj = {};
jsonObj.sls_plnr_id = user.slsPlnrId;
jsonObj.role = user.role;
jsonObj.unread_count = "";
jsonObj.announcements = [];
var announcement = {};
var idVal = $(".selectedDivBorder").attr("id");
announcement.anncmt_id = idVal;
if ($("#announcementDisplayHeaderDiv").children().length == 0) {
announcement.anncmt_sbj = $("#announcementDisplayHeaderDiv").text();
}
else {
announcement.anncmt_sbj = $("#announcementDisplayHeaderDiv > form > input").val();
}
if ($("#announcementDisplayDescDiv").children().length == 0) {
announcement.anncmt_desc = $("#announcementDisplayDescDiv").text();
}
else {
announcement.anncmt_desc = $("#announcementDisplayDescDiv > form > textarea").val();
}
if (announcement.anncmt_sbj.trim() == "" || announcement.anncmt_desc.trim() == "") {
alert("Announcement Subject or Description cannot be left blank");
return;
}
var dt = new Date();
announcement.anncmt_dt = dt.getFullYear() + "-" + dt.getMonth() + "-" + dt.getDate();
announcement.anncmt_read_ind = "";
jsonObj.announcements.push(announcement);
$.ajax({
url: webServiceURL + "updateAnnouncements",
beforeSend: function (request) {
request.setRequestHeader("Authorization", user.slsPlnrId + '~' + user.role + '~' + user.authId + '~' + AC);
},
type: "POST",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(jsonObj),
async: false,
success: function (result, status, xhr) {
if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {
if (result.status == "success") {
alert(result.message);
getAnnouncementsData();
//$("#" + idVal).trigger("click");
$("#createLink").css("display", "initial");
}else{
alert(result.message);
}
}
},
error: function (xhr, status, error) {
alert("An error occured while processing your request");
$(".announcementItem").first().trigger("click");
}
});
}
我試圖診斷問題作爲可能被指向外部URL（在新標籤中打開）的鏈接引起的，但該修復程序無法正常工作。這似乎並非如此，因爲在全屏應用程序關閉後，該鏈接並未在移動Safari中打開。這很重要，我需要快速找到解決方案！我們將不勝感激！