Saya menggunakan Fullcalendar terbaru, jquery 1.10, dan qtip 2.
Saya cukup menambahkan qtip ke elemen dalam panggilan balik eventRender yang berisi tombol:
element.qtip({
content: {
title: { text: event.title },
text: '<button type="button" onclick="removeEvent(' + event.id + ')">Delete</button>'
},
show: {
event: 'click',
solo: true
},
hide: {
event: 'unfocus click'
}
});
Pada panggilan balik pilih saya memiliki yang berikut:
$('#calendar').fullCalendar('renderEvent',
{
title: 'Available',
start: start,
end: end,
allDay: allDay
},
true //make the event stick
);
Dan inilah penghapusan Kode Acara:
function removeEvent(eventId, userId)
{
//Delete the event
$('#calendar').fullCalendar('removeEvents', eventId);
}
Di bawah panggilan balik eventDestroy saya memiliki:
element.qtip('destroy');
Masalah saya adalah eventDestroy sepertinya tidak pernah dipanggil ketika saya memanggil panggilan balik.
Saya menyiapkan contoh jsfiddle di sini: http://jsfiddle.net/MusicMonkey5555/Zs657/1/ sebuah>
Ini sedikit berbeda tetapi cukup klik item kalender maka akan muncul pertanyaan apakah Anda ingin menghapusnya dan kemudian akan muncul peringatan, tetapi tidak pernah.
Adakah yang tahu mengapa itu tidak berhasil?