jquery - 仅当节点重新排序时如何调用 'change' 事件

Question

我有一个可嵌套的树，其设计如下 https://gist.github.com/Achaius/5291761

我想仅在节点重新排序时触发此 onchange 方法。但现在当前的功能是当我单击“dd-handle”类的元素时，触发 onchange 事件并调用服务器端脚本。

发生这种情况是因为在第 296 行左右，我们有'this.el.trigger('改变');'我只想在重新排序列表时触发此更改事件。

Answer 1

在页面加载时保存初始订单。在更改事件中，将新订单与旧订单进行比较。如果它们不同，则订单已更改:

var idList = getIdList();

$('.dd').nestable();

$('.dd').on('change', function (event) {
    var newIDList = getIdList();

    if (newIDList != idList) {
        console.log("Order has been changed");
        idList = newIDList;
    }
});

function getIdList() {
    var idList = '';
    $('.dd-item').each(function () {
        idList += $(this).data('id');
    });

    return idList;
}

演示:http://jsfiddle.net/94NNb/1/