可以使用bootstrap进行排序

Question

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

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

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

Answer 1

当用户停止排序并且DOM位置发生变化时，您应该使用可排序的update事件。

您使用$('.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},                        
        });
    }
});