优化jQuery UI的拖放日程安排网格(Optimizing jQuery UI drag and

2019-09-18 07:43发布

我有一个基于使用jQuery / jQuery UI的拖放一个HTML表格的时间表网格。 表中的每个单元代表一个用户和时隙。 我有良好的性能在IE9,火狐和Chrome但是IE8是不可用的,因为有用户开始拖动并出现拖帮手时的时间之间的几秒钟的停顿。

我知道这个问题的一部分,是我造就了一大批droppables的,在这种情况下:

上24小时格栅112名的用户(总共2688个droppables创建)

如果我删除,使空2688个细胞显著dropable速度增加的代码,但仍动画在IE8感觉呆滞。

什么是加速这个了一些建议吗? 我认为做表本身可放开,但我不知道我怎么会计算其电池被丢弃到了,我会失去hoverState CSS背景,表示活动单元格。

一个关键要求是,我坚持使用HTML表,因为它是如何数据的服务器上的约束。

我争取对IE8一场败仗? 我真的想使这个尽可能快地在该浏览器。

Answer 1:

我想尝试绑定到鼠标悬停事件,而实际上并不初始化任何直到鼠标实际上是在元件可放开(你需要的元素相互作用或其他参数)。 我约400%通过采取这一路线的高度互动的页面上提高性能。

如果没有帮助,考虑的dynaTrace AJAX版本,显示你在哪里慢点是在JavaScript测试。



文章来源: Optimizing jQuery UI drag and drop schedule grid