在列表之间拖放项目并将其位置保存在 php 文件中

Question

我必须构建一个解决方案，其中包括能够将项目从一个列表拖放到其他列表。

基本上我有一个静态列表“主题”，其中包含一些主题，它可能如下所示。

<ul id="subjects" class="sortable_list connectedSortable">
<li class="ui-state-default">ID 1 - Item 1</li>
<li class="ui-state-default">ID 2 - Item 2</li>
<li class="ui-state-default">ID 3 - Item 3</li>
<li class="ui-state-default">ID 4 - Item 4</li>
<li class="ui-state-default">ID 5 - Item 5</li>
</ul>

基于一个变量$session 这是一个int 我必须创建即$session=2 自动其他两个可排序的列表，如下所示：

for ($x = 0; $x <= $session; $x++) {
    echo "<ul id='sortable."$x".' class='sortable_list connectedSortable'>
    </ul>";
} 

我想要做的是，在从#subjects 中删除主题之后，我想将每个可排序列表中从for 循环自动创建的项目的ID 以及文件的顺序保存在一个php 文件中。

我想使用 jquery-ui 可排序，或者如果您有任何建议，请这样做。 我会很感激一些想法如何实现这一点。

Answer 1

这是你必须使用的：https://api.jqueryui.com/sortable/#method-serialize

选择正确的 ID，例如（在您的代码中将 id='sortable."$x"' 更改为 sortable_"$x"，您将得到一个格式为 sortable[]=1&sortable[]=5&sortable[]=2 的有序 ID 字符串。

然后您可以拆分此字符串并对其进行操作并相应地使用它。