JQuery UI可排序无法有效排序大图像?

时间:2013-01-16 07:25:07

标签: jquery jquery-ui jquery-ui-sortable

我一直在使用JQUery UI sortbale,其中有可排序列表中的图像。当列表变长时,排序的效率会变慢。有时占位符不会出现在我打算放弃它的地方,或者只是需要很长时间才能出现。

我不知道这是一个性能错误还是有些东西我可能没有看过。

我在stackoverflow中搜索了一个解决方案,但是当他们连接到其他sortables时,我找到了可排序性能问题的解决方案。我可以找到有关自我分类大图像的性能问题的解决方案。

这是我的基本代码。

$(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/

0 个答案:

没有答案