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