从 mootools 可排序中删除元素

Question

我正在尝试从 mootools 可排序列表中删除一个项目，然后序列化并保存新列表。

我想在元素上使用一些养眼的东西，而不是直接使用 destroy() 。我在这里构建了一个小提琴： http://jsfiddle.net/kBAqJ/4/

请注意order1 和 order2 变量。它保存删除项目之前和之后的序列化元素。如果您在从可排序对象中删除元素后使用 destroy 方法删除该元素，则您将获得 order2 的正确值，例如： 4.

如果您使用 nix(true) 而不是 destroy，您将得到 5 作为 order1 和 order2 的值>，尽管文档说 nix(true) 在 dissolve 之后调用 destroy。

这是 Mootools 中的错误，还是我遗漏了什么？是否有不同的方法来添加 dissolve 效果，同时仍然使用 destroy 来获得正确的结果？

window.addEvent('domready', function(){

    var mySort = new Sortables('#example2 UL', {
        clone: true,
        revert: true,
        opacity: 0.7
    });

    console.log (mySort.elements.length);
    var order1 = mySort.serialize(0);
    console.dir(order1);

    mySort.removeItems($('item1')).destroy(); // this results in the correct value in the order2 var below
    //mySort.removeItems($('item1')).nix({duration: 1000}, true); // this results in the wrong value for order2

    console.log (mySort.elements.length);
    var order2 = mySort.serialize(0);
    console.dir(order2);

});

Answer 1

我认为您不会找到任何会破坏元素并仍然在页面上显示它的效果或方式；）所以这不是 moo 工具错误

序列化函数正在使用列表的子项（即 < code>

块）来创建数组。

我想说最简单的方法是在序列化数组中删除它们的引用：

window.addEvent('domready', function(){

    var mySort = new Sortables('#example2 UL', {
        clone: true,
        revert: true,
        opacity: 0.7
    });

    console.log (mySort.elements.length);
    var order1 = mySort.serialize(0);
    console.dir(order1);

    //mySort.removeItems($('item1')).destroy(); // this results in the correct value in the order2 var below
    mySort.removeItems($('item1')).nix({duration: 1000}, true); // this results in the wrong value for order2

    console.log (mySort.elements.length);
    var order2 = mySort.serialize(0).erase("item1"); // we have to erase the item because he may still be in the list of children at this time…
    console.dir(order2);

});

干杯