我建立了一个使用 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 秒,这简直是疯了!