编辑FullCalendar中事件的宽度

Question

我知道这里有人问过这个问题，但我被这个问题卡住了，已经浪费了一天时间，所以我认为提出一个新问题可能有助于快速回答。。我在一个网络应用程序中使用完整的日历，我想有条件地更改事件的宽度。有些我想要宽度减半，有些则是四分之一。这是提出的解决方案

$('#calendar').fullCalendar({
    eventAfterRender: function(event, element, view) {
         $(element).css('width','50px');
      }
});

现在我怎么能用这个把已经设置好的减半呢？如果我检查一个元素，我会看到绝对宽度已经设置，但我认为它会根据屏幕大小和日历大小而变化，所以我可以做一些类似width : width/2的事情，这样它就不会在调整大小时中断。如果这是一个非常简单的问题，请耐心等待，因为我对web开发非常陌生。

Answer 1

为要调整大小的事件分配类名。

然后在eventAfterRender方法中，您可以执行以下操作：

eventAfterRender: function(event, element, view) {  
     var width = $(element).width();
     // Check which class the event has so you know whether it's half or quarter width
     if($(element).hasClass("HalfClass"))
        width = width / 2;
     if($(element).hasClass("QuarterClass"))
        width = width / 4;
     // Set the new width
     $(element).css('width', width + 'px');
  },