javascript - 将 THIS 与 jquery 可排序序列化一起使用

Question

我有这个代码

$('.contentlist_tosort').sortable({
    update: function(event, ui) {
        $.post("ajax.php", { pages: $('.contentlist_tosort').sortable('serialize') } );
    }
});

但我希望它是通用的，因为我使用类来调用可排序的，并且不想将 id 放在列表中，因为我的数量未知。

我想要这样的东西：

$('.contentlist_tosort').sortable({
    update: function(event, ui) {
        $.post("ajax.php", { pages: $(this).sortable('serialize') } );
    }
});

但这给我留下了“未定义”，所以显然不是这样......

有可能吗？

Answer 1

使用ui.item而不是this.

请参阅 API 文档

例如：

$('.contentlist_tosort').sortable({
    update: function(event, ui) {
        var sortable = $(ui.item).parent('ul');
        $.post("ajax.php", { pages: sortable.sortable('serialize') } );
    }
});

Answer 2

事件目标是 UL ：

$('.contentlist_tosort').sortable({
    update: function(event, ui) {
        $.post("ajax.php", { pages: $(event.target).sortable('serialize') } );
    }
});