並べ替え可能なリストに画像がある JQUery UI sortbale を使用しています。リストが長くなると、ソートの効率が低下します。ドロップしようとしている場所にプレースホルダーが表示されない場合や、表示されるまでに時間がかかりすぎる場合があります。
それがパフォーマンスのバグなのか、それとも私が見ていない可能性があるものがあるのか はわかりません。
解決策を求めてstackoverflowを検索しましたが、他のソート可能に接続されている場合のソート可能なパフォーマンスの問題の解決策を見つけました。セルフソートの大きな画像のパフォーマンスの問題に関する解決策を見つけることができました。
これが私の基本的なコードです。
$(function() {
$( "#sortable" ).sortable({
placeholder: "marker",
axis: "y",
opacity: 0.1,
scrollSpeed: 100
});
});
<ul id="sortable" class="connectedSortable">
<li class="ui-state-default"><img src="http://farm9.staticflickr.com/8050/8384821879_4a38e7b49c.jpg"/></li>
<li class="ui-state-default"><img src="http://farm9.staticflickr.com/8233/8383743110_1d54957f9d.jpg"/></li>
<li class="ui-state-default"><img src="http://farm9.staticflickr.com/8515/8383743936_436f8a683c.jpg"/></li>
<li class="ui-state-default"><img src="http://farm9.staticflickr.com/8237/8367576814_f70d6c92e6.jpg"/></li>
<li class="ui-state-default"><img src="http://farm9.staticflickr.com/8042/7984956055_ea5992fd01.jpg"/></li>
<li class="ui-state-default"><img src="http://farm9.staticflickr.com/8045/8385132987_07a624ff4d.jpg"/></li>
<li class="ui-state-default"><img src="http://farm9.staticflickr.com/8055/8386232790_837708cc32.jpg"/></li>
<li class="ui-state-default"><img src="http://farm9.staticflickr.com/8192/8385130425_b0706a57cd.jpg"/></li>
<li class="ui-state-default"><img src="http://farm9.staticflickr.com/8048/8379388943_9c84fab1ec.jpg"/></li>
<li class="ui-state-default"><img src="http://farm9.staticflickr.com/8092/8386229678_14b72aac69.jpg"/></li>
</ul>
問題を説明するための作業デモ フィドル。http://jsfiddle.net/CJ9tN/1/