Question

我目前正在使用jquery sortables，在过去的一天中，我为这个问题感到困惑。我正在寻找一个嵌套的可排序的排序方式，其中每个父级中的子级不与其他父级连接（某些父级为空）。我添加了允许删除父母和子女的功能。父母和孩子都来自不同的阶级。

但是，我想添加一个重置功能，用户可以单击按钮以将可排序对象（父母和孩子）的位置重置为其原始状态（如页面刷新）。

但是，我尝试了多种解决方案，但看不到找到一种方法来缓存父母和孩子的初始状态并刷新列表。

这是我尝试过的方法（缓存父级可排序和刷新），但是在重置后，子级不再可排序。我不知道为什么会这样。

$(document).ready(function(){
$(".parent").sortable({
    containment: "document",
    items: "> div",
    tolerance: "pointer",
    cursor: "move",
    opacity: 0.7,
    revert: 300,
    delay: 150,
    placeholder: "movable-placeholder",
    start: function(e, ui) {
        ui.placeholder.height(ui.helper.outerHeight());
    }
}).on('click', '.delete', function() {
$(this).closest('div').remove();
    });
$(".group-items").sortable({
    items: "> div",
    tolerance: "pointer",
    containment: "parent",
    placeholder: "movable-placeholder-child"
});
var cache = $('.parent').html();
$("#reset").click(function(){
$(".parent").html(cache).sortable("refresh");
});

})

jsfiddle链接，如果您想有一个更好的主意：

http://jsfiddle.net/3kdSZ/641/

jQuery重置嵌套可排序

0 个答案: