通过ajax更新内容时的可排序功能

Question

我有一个通过ajax填充的列表.这个列表我可以通过ajax添加和删除项目,也可以对它们进行排序.我有两个问题.

第一个是在这里,它仍然没有解决:https://stackoverflow.com/questions/6370213/jquery-dynamic-dragn-drop-doesnt-update-order(在列表中排序来自数据库的项目数直到我刷新才会更新)

第二个更糟糕.通过ajax更新列表中的内容后(假设我添加了一个新项),可重排的函数停止工作,直到我重新加载页面.似乎.live不适用于可排序,我对这个想法不合适.我将添加一些代码:

我的清单是这样的:

<ul id="listaruta">
   <li> ... </li>
</ul>

我的文章排序脚本:

    $(function() {
    $("ul#listaruta").sortable({ 
        opacity: 0.6, 
        cursor: 'move', 
        update: function() {
            var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
            $.post("/plugins/drag/updateDB.php", order);                                                             
    }                                 
    });
});

我正在使用它来进行排序功能:http://www.webresourcesdepot.com/wp-content/uploads/file/jquerydragdrop/

Answer 1

在搜索了很多之后我发现这是我的答案:jQuery live and sortable

这是我添加到我的代码中以使其工作:

    $(document).ajaxSuccess(function() {

    $("ul#listaruta").sortable({
        opacity: 0.6, 
        cursor: 'move', 
        update: function() {
            var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
            $.post("/plugins/drag/updateDB.php", order);
        }
    });
});