twitter-bootstrap - 可使用引导程序排序

Question

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

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

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

Answer 1

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},                        
        });
    }
});