完整日历在事件标题显示结尾附加'x'

Question

我正在尝试在事件结束时显示“x”，以便用户单击它时会从显示中删除该事件。

我使用下面的代码可以这样做：

eventRender: function(event, element) { 
     element.append("<span class='closeon'>X</span>"); 
     element.find(".closeon").click(function() { 
      $('#calendar').fullCalendar('removeEvents',event._id); 
     }); 
    } 

然而， 'X' 上线下方出现，就像这样：

...

如何我可以做到这一点，所以它显示在一行上的事件？

感谢您的帮助提前。

Answer 1

使用prepend代替append：

CSS：

.closeon { float: right; } 

JS：

eventRender: function(event, element) { 
    var e = element.prepend("<span class='closeon'>&#10005;</span>"); 

    e.children('.closeon') 
     .attr('data-event-id', event._id) 
     .click(function() { 
      var id = $(this).attr('data-event-id'); 
      $('#calendar').fullCalendar('removeEvents',id); 
     });    
} 

[http://jsfiddle.net/8fa0j9d8/]