带有连接列表的 JQuery UI 可排序保存

Question

我有两个列表（1 和 2），我想在项目从一个移动到另一个时更新它们。

HTML：

<ul class="sortable" id="task-list">
   <li id="listItem_1">Value 1 </li>
   <li id="listItem_2">Value 2 </li>
   <li id="listItem_3">Value 3 </li>
</ul>

<ul class="sortable" id="task-list-two">
   <li id="listItem_4">Value 1 </li>
   <li id="listItem_5">Value 2 </li>
   <li id="listItem_6">Value 3 </li>
</ul>

JS：

$("#task-list, #task-list-two").sortable({ 
   handle : '.handle',
   connectWith: ".sortable" 
   update : function () { 
     var order = $('#task-list').sortable('serialize'); 
     $("#info").load("process-sortable.php?"+order); 
   } 
});

但我也想更新列表（1 或 2）。我需要向process.sortable.php 发布一个额外的变量吗？

我目前拥有的 foreach 仅适用于第一个列表（简化）：

$task = nl2br($_POST['task']);
$userid = $_SESSION['userid'];
$position = $_POST['p'];
$date = $_POST['date'];

$i = "INSERT INTO tasks VALUES('','$task','$userid','0','$position','$date')";
$doi = mysql_query($i) or die(mysql_error());

提前致谢！

更新 FOREACH PHP：

foreach ($_GET['listItem'] as $position => $item)
{
    $list = $_GET['list'];
    if($list == "task-list")
    {
        $list = 1;
    }
    if($list == "task-list-two")
    {
        $list = 2;
    }
    $sql = "UPDATE `tasks` SET `position` = $position AND date = '$list' WHERE `id` = $item"; 

    print($sql);
    $dosql = mysql_query($sql) or die(mysql_error());
}

Answer 1

您可以将列表 ID 传递给 PHP 页面，例如：

$("#info").load("process-sortable.php?"+order+"&list="+$(this).attr('id')); 

在 PHP 页面上，您可以为列表类型设置条件。

您还需要更改 order 变量以考虑不同的列表：

var order = $(this).sortable( "serialize" );