Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery UI sortable不能有效地对大图像进行排序?_Jquery_Jquery Ui_Jquery Ui Sortable - Fatal编程技术网

JQuery UI sortable不能有效地对大图像进行排序?

JQuery UI sortable不能有效地对大图像进行排序?,jquery,jquery-ui,jquery-ui-sortable,Jquery,Jquery Ui,Jquery Ui Sortable,我一直在使用jQueryUISortbale,其中可排序列表中有图像。列表越长,排序的效率越低。有时占位符没有出现在我打算放下它的地方,或者只是出现的时间太长 我不知道这是一个性能缺陷还是有一些我可能没有看到的东西 我在stackoverflow中搜索了一个解决方案,但我找到了可排序性能问题的解决方案,这些解决方案是在连接到其他排序表时找到的。我可以找到有关自排序大图像的性能问题的解决方案 这是我的基本代码 $(function() { $( "#sortable" ).sortab

我一直在使用jQueryUISortbale,其中可排序列表中有图像。列表越长,排序的效率越低。有时占位符没有出现在我打算放下它的地方,或者只是出现的时间太长

我不知道这是一个性能缺陷还是有一些我可能没有看到的东西

我在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>
$(函数(){
$(“#可排序”)。可排序({
占位符:“标记”,
轴:“y”,
不透明度:0.1,
滚动速度:100
});
});

工作演示小提琴来说明问题

对不起,我不明白你的意思。我的意思是,如果你点击图片拖动,你可以在图片顶部看到占位符。只需将其拖放到那里。是的,但请尝试将顶部图像拖到底部。拖动时,您可以观察到占位符不会在某些图像之间弹出,或者需要一段时间才能显示