优化jQuery UI拖放计划网格

我有一个基于HTML表的计划网格，使用jQuery / jQuery UI拖放。 表中的每个单元代表一个用户和时间段。 我在IE9，FireFox和Chrome中表现不错，但IE8无法使用，因为用户开始拖动和拖动助手出现之间会有几秒钟的暂停。

我知道问题的一部分是我正在创建大量的droppables，在这种情况下：

112个24小时网格的用户（共创建了2688个可放置的网站）

如果我删除使空2688单元格可丢的代码，速度会显着增加，但动画在IE8中仍然感觉迟钝。

有什么建议可以加快这个速度？ 我已经考虑过让表本身成为droppable，但我不知道如何计算掉哪个单元格，我会失去指示活动单元格的hoverState CSS背景。

一个关键要求是我坚持使用HTML表，因为它是如何在服务器上绑定数据的。

我是否正在与IE8作战？ 我真的想在浏览器中尽快做到这一点。

Answer 1

我尝试绑定到mouseover事件，并且实际上不会初始化任何droppable（或元素上的交互所需的其他参数），直到鼠标实际上在元素上。 通过这条路线，我在高度互动的页面上将性能提高了约400％。

如果这没有用，请考虑使用dynaTrace ajax版本进行测试，该版本可以显示javascript中慢点的位置。