我已经构建了一个使用jQuery Sortable的系统;然而,移动一个元素有一个巨大的滞后(我们在约8秒的时间内讨论移动一个元素)。
在那个页面上,我们有大约2000个可以接收东西的可拖动物品/口袋,但没有元素有隐藏的东西(因为我读过这会导致滞后)并且没有真正使用CSS3。
以下是一个将被拖动的元素的示例:
<div data-runtime="30" data-name="1600 Penn" data-color="#00B3FF" data-id="751" class="pocket color2" style="">
<h4 style="">1600 Penn</h4>
<p>NBC</p>
<div class="clear"></div>
<div class="pocket_actions">
<div class="timer timer1" data-timered="1" data-id="751"></div>
<div class="public onpublic" data-id="751"></div>
<div data-id="751" class="note"></div>
<a style="float:left;" class="edit fancybox.iframe" href="schedule.php?action=edit&id=751">
<img src="includes/images/edit.png">
</a>
<div class="delete" data-id="751"></div>
</div>
</div>
有没有人对如何减少这种滞后有任何想法?即使拿起一件物品大约需要2秒钟,这简直太疯狂了!