完整日历在事件标题显示结束时附加“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/]