Question

我正在尝试使用jQuery UI Sortable重新排列HTML列表中的某些项目。我已经运行了，但我仍然坚持如何使用数据。

我正在使用Codeigniter，我将订单通过串口传递给我的类别控制器中的update_order方法。

我知道我将如何将其输入数据库，但我不知道如何使用该序列以便我可以执行此操作。我假设它在某种POST变量中，但我不知道它是什么。

JS：

<script type="text/javascript"> 
$(document).ready(function() {
    $("#order").sortable({
        update : function () {
            order = $('#order').sortable('serialize');
            $.ajax({
                url: "<?=base_url().'admin/category/update_order'?>",
                type: "POST",
                data: order,
                success: function(){
                    alert("success");
                }
            });
        }
    });
}
);
</script>

HTML：

<ul id="order">
    <li id="item_1">Item 1</li>
    <li id="item_2">Item 2</li>
    <li id="item_3">Item 3</li>
    <li id="item_4">Item 4</li>
    <li id="item_5">Item 5</li>
    <li id="item_6">Item 6</li>
</ul>

Answer 1

最佳解决方案是保存当前元素的索引

update: function(event, ui) { 
     alert(ui.item.index()); 
}

我知道你可以自己弄清楚其余部分;）

Answer 2

如果要进行序列化，请执行$this->input->post('item')

它将是li标签中_1，_2等前面的任何内容。

如何在Codeigniter中使用通过jQuery Sortable传递的数据

2 个答案: