完整日历在事件标题显示结尾附加'x'
问题描述:
我正在尝试在事件结束时显示“x”,以便用户单击它时会从显示中删除该事件。完整日历在事件标题显示结尾附加'x'
我使用下面的代码可以这样做:
eventRender: function(event, element) {
element.append("<span class='closeon'>X</span>");
element.find(".closeon").click(function() {
$('#calendar').fullCalendar('removeEvents',event._id);
});
}
然而, 'X' 上线下方出现,就像这样:
如何我可以做到这一点,所以它显示在一行上的事件?
感谢您的帮助提前。
答
使用prepend
代替append
:
CSS:
.closeon { float: right; }
JS:
eventRender: function(event, element) {
var e = element.prepend("<span class='closeon'>✕</span>");
e.children('.closeon')
.attr('data-event-id', event._id)
.click(function() {
var id = $(this).attr('data-event-id');
$('#calendar').fullCalendar('removeEvents',id);
});
}