0
jQueryは呼び出す前に関数で終了するのを待っていません。jQueryが終了するまでに完了するのを待っていません
$.when(saveChanges()).done(showSignInPrompt());
console.log（）の中にconsole.log（）を入れて、どちらが最初に来るのかを確認します。そして、見よ、後者が最初に来る。
私はこれを間違った方法で使用していますか？
showSavedNotification_check = 1;
function saveChanges(bypassDeckSave) {
// bypassDeckSave = undefined - does not bypass
showSavedNotification_check = 1;
if(userid != 0) {
//values in database
var subjectID = $('.lib_folder_id').val(),
folderID = $('.lib_subject_id').val();
if(subjectID == 0 || folderID == 0) { //if database values null, ask for some
console.log("db deck location not saved, asked for it");
//values to set to
var setFolderID = $('.libDeckLocationModifierDiv .folders li.on').val() + 0,
setSubjectID = $('.libDeckLocationModifierDiv .subjects li.on').val() + 0;
if(isNaN(setFolderID) || isNaN(setSubjectID) || setFolderID == 0 || setSubjectID == 0) {
openDeckLocationDiv();
showSavedNotification_check = 0;
return;
}
}
}
var deck_id = $('.deck_id').val();
if(deck_id == 0) {
// create a new deck
createDeckThenSave();
return;
}
if(userid != 0) {
//values in database
var subjectID = $('.lib_folder_id').val(),
folderID = $('.lib_subject_id').val();
if(subjectID == 0 || folderID == 0) { //if database values null, ask for some
//values to set to
saveDeckLocation();
}
}
// removes empty rows
$('.editMain li').each(function() {
var one = $(this).find('.text1').val(),
two = $(this).find('.text2').val();
if(one == "" && two == "") {
//remove this row and remove value from updateSaveArray + add to delete array
var currentval = $(this).val();
var rowid = ".row_" + currentval;
updateSaveArray = jQuery.grep(updateSaveArray, function(value) {
return value != currentval;
});
$(rowid).remove();
updateDeleteArray[updateDeleteArray.length] = currentval;
}
});
if(bypassDeckSave == undefined) {
// save deck info to db
var deckname = $('.editDeckNameInput').val(),
cardCount = $('.editMain li.mainLi:visible').length,
deckTermLanguage = $('.selector.one select').val(),
deckDefinitionLanguage = $('.selector.two select').val(),
deckThirdBoxLanguage = $('.selector.three select').val(),
deckDescription = $('.editMoreDeckOptionsDiv textarea').val();
if($('.editMoreDeckOptionsSelector .onlyme').hasClass("on")) {
var viewPreferences = 1;
} else {
var viewPreferences = 0;
}
if($('.editUseThirdboxDiv').hasClass('on')) {
var thirdbox = 1;
} else {
var thirdbox = 2;
}
// console.log("deckInfoSave called");
$.ajax({
type: "POST",
url: "/edit/deckInfoSave.php",
data: {
pDeckid: deck_id,
pDeckname: deckname,
pCardCount: cardCount,
pDeckTermLanguage: deckTermLanguage,
pDeckDefinitionLanguage: deckDefinitionLanguage,
pDeckThirdBoxLanguage: deckThirdBoxLanguage,
pThirdbox: thirdbox,
pDeckDescription: deckDescription,
pViewPreferences: viewPreferences
}
}).done(function(data) {
// console.log(data);
// decksaved = 1;
});
}
// prepares edited card array
// gets all needed values and stores in holdSaveCardArray
var holdSaveCardArray = [];
for(i = 0; i < updateSaveArray.length; ++i) {
var currentCard_id = updateSaveArray[i],
rowidClass = ".row_" + currentCard_id,
text1val = $(rowidClass + " .text1").val(),
text2val = $(rowidClass + " .text2").val(),
text3val = $(rowidClass + " .text3").val();
cardOrder = $(".editMain li.mainLi:visible").index($(rowidClass)) + 1;
holdSaveCardArray[holdSaveCardArray.length] = {
"card_id": currentCard_id,
"text1val": text1val,
"text2val": text2val,
"text3val": text3val,
"cardOrder": cardOrder
};
}
// console.log(print_r(holdSaveCardArray));
// delete cards start
// deletes any card with an id in updateDeleteArray
$.ajax({
type: "POST",
url: "/edit/deleteCards.php",
data: {
pDeck_id: deck_id,
pDeleteArray: updateDeleteArray
}
}).done(function(msg) {
// $('.temp').append(msg);
updateDeleteArray = [];
});
// save cards to database
// loops through each card that had changes made to it
$.ajax({
type: "POST",
url: "/edit/saveCardsArray.php",
dataType: "JSON",
data: {
pDeck_id: deck_id,
pCardArray: holdSaveCardArray
}
}).done(function(data) {
for(var i = 0; i < data.length; i++) {
var temp_id = data[i]["temp_id"], // new id
card_key = data[i]["card_key"], // old id
currentClassName = 'row_' + temp_id,
currentClass = '.row_' + temp_id,
nextClassName = 'row_' + card_key;
$(currentClass).val(card_key);
$(currentClass).removeClass(currentClassName).addClass(nextClassName);
}
});
updateSaveArray = [];
// update order start // uses li value
updateOrderArray = [];
$('.editMain').find(".mainLi").each(function() {
var temp = $(this).val();
updateOrderArray[updateOrderArray.length] = temp;
});
$.ajax({
type: "POST",
url: "/edit/orderCards.php",
data: {
pUpdateOrderArray: updateOrderArray
}
}).done(function(msg) {
updateOrder = 0;
});
closeLibDLM();
console.log("closeLibDLM");
changeSaveStudyButton(1);
} //saveChanges function end
下部のログが行われた領域で何か後に印刷されます：
は、ここのようなのSaveChangesが見えるものです。
「saveChanges」の実装も表示できますか？ – drinchev
@drinchevがアップロードされました。申し訳ありませんが、それは長いです。 –
'.done（showSignInPrompt（））'の代わりに '.done（showSignInPrompt）'を使う - あなたはコールバック*関数*を渡す必要があります！そして、 'done'の代わりに' then'を使います。 – Bergi