当前位置:  开发笔记 > 前端 > 正文

IE中的表的jQuery UI性能问题

如何解决《IE中的表的jQueryUI性能问题》经验,为你挑选了0个好方法。

我在获取UI代码以便在IE中完成任务时遇到问题.

我有一张桌子 - 价值矩阵.每个单元格可以为空或包含项目列表.

我希望用户能够在单元格之间拖动项目.

所以我的HTML看起来像这样:

col 1col 2
row 1
item A
item B
row 2
item C
item D

然后我使用jQuery 1.3.1和jQuery UI 1.6rc6:

$j('.draggable-item').each(function()
{
    $j(this).draggable({
       addClasses: false,
       revert: true, 
       zIndex: 2000,
       cursor: 'move'
    });
});

$j('.droppable-cell').each(function()
{
    $j(this).droppable({
        addClasses: false,
        activeClass: 'droppable-cell-candrop',
        hoverClass: 'droppable-cell-hover',
        tolerance: 'pointer',

        drop: function(event, ui)
        {
            //function to save change
        });
    });
});

请注意,这是简化,截断和未完成的代码.

我的问题是在FX,Safari,Chrome等(即所有体面的浏览器)这个工作正常.

IE真的很挣扎.使用5x5表,IE在拖动开始时的延迟是显而易见的.在10x10的桌子上,可能有100个项目,拖动的开始会挂起浏览器.

我希望能够支持最多20x15的圆形细胞,最多可能支持500个项目 - 这是不可能的?它似乎不应该是.

难道我做错了什么?有没有办法做到这一点,不会像这样在IE中减慢页面速度?

推荐阅读
ar_wen2402851455
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有