在上传图像之前，对它们进行排序

Before image upload, sort them

本文关键字：排序 图像      更新时间：2023-09-26

总之，我对可排序性有问题。

我暂时用ajax保存图片，并在不上传图片的情况下显示它们，现在我想对图片进行排序，然后点击按钮保存"排序"版本。

这个HTML li中充满了一些图像，例如：<li><img src="" /></li>

HTML

<ul id="sortable">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

脚本

<script>
    $( "#sortable" ).sortable();
</script>

每次丢弃可排序项时，都需要更新其数据索引。

$("#sortable").sortable({
    stop: function( e, ui ) {
        console.log( $( ui.item ).index() );  
    }
});

请参阅http://api.jqueryui.com/sortable/对于触发的事件

相关文章：