ฉันใช้ Fullcalendar ล่าสุด, jquery 1.10 และ qtip 2
ฉันเพียงเพิ่ม qtip ให้กับองค์ประกอบในการโทรกลับใน eventRender ที่มีปุ่ม:
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'
}
});
ในการเลือกโทรกลับฉันมีดังต่อไปนี้:
$('#calendar').fullCalendar('renderEvent',
{
title: 'Available',
start: start,
end: end,
allDay: allDay
},
true //make the event stick
);
และนี่คือรหัสเหตุการณ์การลบ:
function removeEvent(eventId, userId)
{
//Delete the event
$('#calendar').fullCalendar('removeEvents', eventId);
}
ภายใต้ eventDestroy callback ฉันมี:
element.qtip('destroy');
ปัญหาของฉันคือ eventDestroy ไม่เคยถูกเรียกเมื่อฉันโทรกลับ
ฉันตั้งค่าตัวอย่าง jsfiddle ที่นี่: http://jsfiddle.net/MusicMonkey5555/Zs657/1/ ก>
มันแตกต่างเล็กน้อย แต่เพียงคลิกที่รายการปฏิทิน มันจะแจ้งว่าคุณต้องการลบมัน จากนั้นมันควรจะแสดงการแจ้งเตือนขึ้นมา แต่ไม่เคยทำเลย
ใครมีความคิดว่าทำไมมันไม่ทำงาน?