JQueryとAjaxを使用してデータベースを更新しています。更新が成功するたびに、pngアイコンが1秒間表示されます。具体的には、更新フォームはJQueryダイアログボックスに含まれています。問題は、ダイアログボックスを更新して閉じた後、ページを更新するまでアイコンが再び表示されないことです。ダイアログボックスを閉じた後、バインドを解除する必要があると思いますが、方法がわかりませんでした。以下は私のコードです
$(this).find('.mydialog').dialog({
width: 'auto',
height:'auto',
resizable: false,
buttons: function() {
$(this).dialog("open");
},
modal:true,
open: function() {
$(this).find('.form1').on('submit', function() {
var id = $(this).find('.ID').val();
var name = $(this).find('.NAME').val();
var dataString = 'id='+ id + '&name=' + name;
$.ajax({
type: "POST",
url: "../myfolder/update.php",
data: dataString,
success: function(){ // the displayed icon
$('.info').append("<img src='../images/success.png' width='30px' height='35' />").delay(1000).fadeOut();
}
});
return false;
});
},
close: function() {
$(this).dialog("destroy"); // I tried this but it doesn't work!
},
});
手伝ってくれてありがとう
この行を変更してみてください:
$('.info').append("<img src='../images/success.png' width='30px' height='35' />").delay(1000).fadeOut();
に
$('.info').show().html("<img src='../images/success.png' width='30px' height='35' />").delay(1000).fadeOut();
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加