如何获取使用 sortablejs 制作的可排序列表的顺序？

Question

我的代码与此类似：

new Sortable(sortablelist, {
                    animation: 150,
                    ghostClass: 'sortable-ghost'
                });

.box {
        background-color: powderblue;
        margin: 4px;
        padding: 2px;
        width: 25%;
        cursor: move;
    }

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
    <script src="https://raw.githack.com/SortableJS/Sortable/master/Sortable.js"></script>
    </head>

    <body>
    <center>
  
        <div id="sortablelist">
            <div class="box" id="Item 1">Item 1</div>
            <div class="box" id="Item 2">Item 2</div>
            <div class="box" id="Item 3">Item 3</div>
        </div>
    
    </center>
    </body>
</html>

我是初学者，希望你能帮助我。我觉得我已经搜索了孔网。订单将继续保存在数据库中，但我现在对 PHP 有了一点经验，我认为我可以管理它。

Answer 1

如果你使用 JQuery 你可以使用 sortable.toArray().

$("#sortablelist").sortable.toArray("orderedIds");

这会将 sortable 中所有项目的 ID 放入一个数组中。所以在你的情况下它将 return （如果你没有改变顺序）：

["Item 1", "Item 2", "Item 3"]

如何获取使用 sortablejs 制作的可排序列表的顺序？

How to get the order of a sortable list made with sortablejs?

javascript

drag-and-drop

sortablejs