与Trebuchet MS字体奇怪的错误 [英] Weird bug with Trebuchet MS font

问题描述

一切都可以，除非用户尝试选择时间范围（周或日视图）选择​​大约一个小时。你可以在这个小提琴上看到这种行为。

我减少了这个问题，并得出了问题来自CSS代码的结论。在小提琴中，我复制了有问题的CSS代码（对应于jQuery UI CSS框架）。如果你删除了这个CSS代码，选择工作正常（当然没有格式）。

我一直在试图找出确切的问题，但我无法看到。

编辑：我将问题简化为这个。现在，如果您从 .ui-widget fullCalendar作品中删除Trebuchet MS字体！请参阅工作演示。现在的问题是，为什么？我使用Linux，我不知道这是否有一些影响...

解决方案

从您的css中删除以下：

  .fc-agenda-slots td div {
 height：20px; 
} 
  

或将其更改为：

  .fc-agenda-slots td div {
 height：auto; 
} 
  

我猜字体大小溢出了 div 固定 20px ，结果得到这个奇怪的错误。

演示： http://jsfiddle.net/gQMvH/5/

I'm trying to use the jquery.fullcalendar plugin using the jQuery UI theming.

Everything is ok, except that when the user try to select a time range (week or day view) the selection is displaced about one hour. You can see this behaivour in this fiddle.

I've reduced the problem and I arrived to the conclusion that the problem comes from the CSS code. In the fiddle I've copied the problematic CSS code (corresponds to the jQuery UI CSS framework). If you remove this CSS code, the selection works fine (but without format, of course).

I've been trying to find which is the exact problem, but I cannot see.

EDIT: I've reduced the problem to this. Now if you remove "Trebuchet MS" font from .ui-widget fullCalendar works!! See here working demo. The question now is, Why? I'm using Linux, I don't know if that has some effect...

解决方案

remove from your css the following:

.fc-agenda-slots td div {
    height:20px;
}

or change it to:

.fc-agenda-slots td div {
    height:auto;
}

I guess that the font size overflow the div of fixed 20px with result to get this "weird bug".

Demo: http://jsfiddle.net/gQMvH/5/

这篇关于与Trebuchet MS字体奇怪的错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！