Javascript 编辑FullCalendar中事件的宽度
我知道有人问过我这个问题,但我被这个问题缠住了,已经浪费了一天的时间,所以我想提出一个新问题可能有助于快速回答。。我正在web应用程序中使用完整日历,我希望有条件地更改事件的宽度。有些我想要一半的宽度,有些我想要四分之一的宽度。这就是那里提出的解决办法Javascript 编辑FullCalendar中事件的宽度,javascript,jquery,css,fullcalendar,Javascript,Jquery,Css,Fullcalendar,我知道有人问过我这个问题,但我被这个问题缠住了,已经浪费了一天的时间,所以我想提出一个新问题可能有助于快速回答。。我正在web应用程序中使用完整日历,我希望有条件地更改事件的宽度。有些我想要一半的宽度,有些我想要四分之一的宽度。这就是那里提出的解决办法 $('#calendar').fullCalendar({ eventAfterRender: function(event, element, view) { $(element).css('width','50px'
$('#calendar').fullCalendar({
eventAfterRender: function(event, element, view) {
$(element).css('width','50px');
}
});
现在我怎么能用这个把已经设定好的值减半呢?如果我检查一个元素,我会看到absolut width已设置,但我认为它将根据屏幕大小和日历大小而改变,因此我可以通过某种方式执行类似于
width:width/2
的操作,以便在调整大小时不会中断。如果这是一个非常简单的问题,请接受我,因为我对web开发非常陌生。为要调整大小的事件指定类名
然后在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');
},
@Brandon作为您的宽度代码将起作用,但在给定宽度后如何计算元素的左对齐?