削除するリストがあり、ユーザーがそれをクリックすると、「確認」ボタンと「キャンセル」ボタンのあるjquery uiダイアログが表示されます
ユーザーが [確認] をクリックすると、ajax 関数が呼び出されてポストバックされます
その後、ダイアログを閉じたいので、コマンド$(this).dialog("close");
を使用しましたが、期待どおりに機能します。
しかし、他のリストを削除すると、UI ダイアログが表示されなくなりました。
どうすればこれを解決できますか?
$("#dialog").dialog({
modal: true,
bgiframe: true,
width: 300,
height: 150,
resizable: false,
autoOpen: false
});
function submit_delete(y,z){ //kirim data lewat ajax
$.ajax({
type: 'POST',
url: 'delete_page.php',
data: {fte:y,tipe:z},
success: function(data) {
if(z==1){
var divv= '#container_table1';
} else if(z==2){
var divv= '#container_table2';
} else if(z==3){
var divv= '#container_table3';
}
$(divv).html(data);//window.setTimeout(function(){location.reload()},3000)
$('#dialog').dialog('close');
}
})
return true;
}
//end submit ajax onclick training
$(".c_del1").click(function(){
var cc= ($(this).next().val());
var c=cc.split('#')
alert(cc);
$("#dialog").text('Do You Want to Delete '+c[1]+"?");
var yy = $(this).prop('id');
$("#dialog").dialog('option', 'buttons', {
"Confirm" : function() {
submit_delete(c[0],1);
},
"Cancel" : function() {
$(this).dialog("close");
}
});
$("#dialog").dialog("open");
});