jQuery Sortable を使用するシステムを構築しました。ただし、要素を移動するには大きな遅延があります (要素を移動するのに約 8 秒かかります)。
そのページには、物を受け取ることができる約 2000 のドラッグ可能なアイテム/ポケットがありますが、隠されたものを持っている要素はなく (遅延を引き起こす可能性があると読んだことがあります)、CSS3 を実際に使用することはありません。
ドラッグされる 1 つの要素の例を次に示します。
<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 秒かかります。