在FullCalendar中編輯事件的寬度

Question

我知道這個問題已在這里被問到，但是我遇到了這個問題並且已經浪費了一天，所以我認為提出一個新問題可能有助於快速回復..我在網絡應用程序中使用完整的日歷，我想有條件地改變事件的寬度。 對於一些我希望寬度減半和一些四分之一。 這是那里提出的解決方案

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

現在我怎么能用這個來減半已經設定的那個？ 如果我檢查一個元素，我看到absolut寬度已設置，但我認為它會根據屏幕大小和日歷大小而改變，所以我可以以某種方式做一些像width : width/2以便它不會打破調整。 如果這是一個非常簡單的問題，請耐心等待我，因為我對網絡開發很新。

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