javascript - 在 FullCalendar 中编辑事件的宽度

Question

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

$('#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');
  },