我正在使用fullcalendar。当我点击一个事件时，会打开一个模态，您可以选择删除该事件。
当我单击删除时，将删除该事件并启动一个php脚本，该脚本将在ftp上创建一个文件以与另一个程序同步。这很好用。 当我在下一个事件上单击“删除”时。 php脚本创建了两个文件。 （第一个又是一个新的。
当我在第三个事件上单击delete时，php脚本会创建3 ...依此类推。 如果我在删除两个事件之间刷新页面没有问题。
我使用$id = $_POST['id'];从php脚本中获取事件的id。
这是我在fullcalendar中使用的代码：
eventClick: function(event, delta) {
$('#modalTitle').html(event.title);
$('#modalBody').html( 'Start: ' + moment(event.start).format('h:mm') + '</br>' +
'Stop: ' + moment(event.stop).format('h:mm') + '</br></br>' +
'Locatie: ' + event.location + '</br></br>' +
'Info: </br>' + event.description + '</br></br>' +
'<b>Debug info:</b> </br>' +
' Event id :' + event.id +'</br>' +
' Resource id :' + event.resourceId +'</br>' +
' Last modified :' + moment(event.datelastmodified).format('YYYY-MM-DD h:mm:ss')
);
$('#eventUrl').attr('href',event.url);
$("#deleteEventBtn").click(function() {
$('#calendar').fullCalendar('removeEvents',event._id); //external event, therefore using event._id
$.ajax({
url: 'delete_events.php',
data: '&id='+ event.id ,
type: "POST",
success: function(json) { //refresh calendar on success
$('#calendar').fullCalendar( 'refetchEvents' );
//alert("Updated Successfully");
},
error: function(json) { //refresh calendar on error
$('#calendar').fullCalendar( 'refetchEvents' );
},
statusCode: {404: function() {alert( "delete_events.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
});
});
$('#DeleteEventModal').modal();
},
我发现了另一个问题。当我点击一个事件时，模态会打开。当我点击＆＃34;关闭＆＃34;关闭模式en点击下一个事件并选择＆＃34;删除＆＃34;这两件事都被抹去了。
修改 我想我需要一些像这样的代码：
<script>
$(function(){
$('#DeleteEventModal').on('hidden.bs.modal', function () {
$('#DeleteEventModal .modal-body').html('');
});})
</script>
此代码删除了html-body，我需要它来清除事件ID。
每次我点击一个事件时，event.id都会被添加到缓存中（？）。当我点击删除。删除具有缓存event.id的每个事件，而不是仅删除最后一个单击的事件。
答案 0 :(得分：0)
我找到了解决问题的方法。每次在日历中单击事件时，都会将新处理程序绑定到#deleteEventBtn。因此，当我点击＆＃34;删除＆＃34;时，执行了多个处理程序。
工作代码：
eventRender: function(event, element) {
element.attr('href', 'javascript:void(0);');
element.click(function() {
$('#modalTitle').html(event.title);
$('#modalBody').html( 'Start: ' + moment(event.start).format('h:mm') + '</br>' +
'Stop: ' + moment(event.stop).format('h:mm') + '</br></br>' +
'Locatie: ' + event.location + '</br></br>' +
'Info: </br>' + event.description + '</br></br>' +
'<b>Debug info:</b> </br>' +
' Event id :' + event.id +'</br>' +
' Resource id :' + event.resourceId +'</br>' +
' Last modified :' + moment(event.datelastmodified).format('YYYY-MM-DD h:mm:ss')
);
$('#eventUrl').attr('href',event.url);
$("#deleteEventBtn").off('click').on('click', function(e) {
//$('#calendar').fullCalendar('removeEvents',event._id); //external event, therefore using event._id
$.ajax({
url: 'delete_events.php',
data: '&id='+ event.id ,
type: "POST",
success: function(json) { //refresh calendar on success
$('#calendar').fullCalendar( 'refetchEvents' );
//alert("Updated Successfully");
},
error: function(json) { //refresh calendar on error
$('#calendar').fullCalendar( 'refetchEvents' );
},
statusCode: {404: function() {alert( "delete_events.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
});
});
$('#DeleteEventModal').modal();
});
},