Jquery 奇怪的错误与投石机MS字体

我正在尝试使用jquery UI主题化来使用jquery.fullcalendar插件

一切正常，只是当用户尝试选择时间范围（周视图或日视图）时，选择会被替换大约一个小时。你可以从中看到这种行为

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

我一直在试图找出到底是哪个问题，但我看不出来

---

编辑：我已将问题简化为。现在，如果您从.ui小部件中删除“Trebuchet MS”字体，则fullCalendar工作！！看这里。现在的问题是，为什么？我正在使用Linux，我不知道这是否有什么影响…

我发现了有问题的代码。它是

.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }

在

组件容器下

。特别是字体系列声明。移除它可以阻止这种奇怪的行为，但至于它为什么会导致这种行为。。。没有线索

---

从css中删除以下内容：

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

或将其更改为：

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

我猜字体大小溢出了fixed的

20px

的

div

，结果得到了这个“奇怪的bug”

---

演示：

嗯。。。我似乎在fiddle示例中遇到了一个错误：outerLayout未定义（第644行）。这似乎是导致“选择时间范围”功能失败的原因（我猜），因为当我尝试拖放时间范围时，什么都没有发生。我们发现了问题（请阅读编辑），但现在我想知道为什么会发生这种情况。值得一提的是，您的问题似乎特定于Webkit和Opera。我不能在IE或Firefox中复制，我可以在Linux版本的Firefox和Chrome中复制。我没有在Windows中尝试过字数超过两个单词的字体名称应该放在“”中，您可能只需要一个linux备份，也就是Trebuchet MS更好的字体堆栈-我更快了：）但是谢谢！！现在的问题是为什么会这样。。你在使用Linux吗？@Ivan Nope。我在Windows7上使用Chrome14。我不确定为什么那个字体会导致这个问题。第二个选项有效（高度：自动）。它需要一个！重要的修改器在我的生产系统。