Add と Cancel の 2 つのボタンがある Jquery ダイアログがあります。ユーザーはいくつかのフィールドに入力し、[追加] ボタンを押すと、UI の変更と検証を行います。すべての操作が完了したら、ダイアログを閉じます。しかし、問題は、保存やその他の操作の後にダイアログを閉じているにもかかわらず、操作が完了する前にダイアログが閉じられていることです。
以下は私のJqueryダイアログコードです。
dlg.dialog({
height:300,
width:600,
modal:true,
autoOpen:true,
title: "Add Property",
closeOnEscape:true,
buttons: {
"Cancel": function() {
$(this).dialog("close");
},
"Create Property": function() {
//Validate Property
// Save Property
$(this).dialog("close");
}
}
}
});
function save() {
$.ajax({
type: 'POST',
url: ServiceUrl,
data: parameter,
success : function(data) {
// Convert the response text to JSON format
var jsonData = eval('(' + data + ')');
if (jsonData.results) {
// success
}
}
});
};
上記のコードでは、 $(this).dialog("close"); を実行しています。関数を検証して保存した後、これらの関数が終了する前にダイアログが閉じられます。firebug でブレークポイントを保持して行ごとに実行すると、この動作は発生しません。解決を助け、理解を助けてください。前もって感謝します。