Twitter bootstrap 可自举排序

我正在使用以下代码使我的div可排序

$('.outersortable').sortable({ 
    handle: ".drag", 
    cursor: "e-size",
    placeholder: "ui-state-highlight", 
    axis: "y" });

---

我想运行ajax调用并保存更改（div的顺序），而且它只是使div可拖动，而不是替换div

您应该使用sortable

update

事件，当用户停止排序并且DOM位置发生更改时，将触发该事件

使用

$（'.outersortable'）.sortable（“toArray”）获取当前元素的顺序

并使用jQuery

ajax

函数将其发送到后端

完整示例：

$('.surEdOuterSortable').sortable({ 
    handle: ".spritesHandlerIcon", 
    cursor: "e-size",
    placeholder: "ui-state-highlight", 
    axis: "y" 
    update: function(event, ui) {
        order = $('.outersortable').sortable("toArray");

        $.ajax({
            url: 'controller/action',
            data: {order:order},                        
        });
    }
});

---

谢谢，我可以在$.ajax（{…}）之后立即在“order”上运行foreach循环吗；是的，您可以在

order

iteams上使用

for

循环来迭代它们。它是

li

元素的字符串id的javascript数组。