jQuery UI可排序函数的奇怪行为：不是函数

Question

我正在使用jQuery UI对我的项目进行排序。现在，在调用update方法之前一切正常。代码如下所示：

$(document).ready(function() {
    $('#menu_sections').sortable({
        cursor: 'move',
        update: function(event, ui) {
            var new_order = $(this).sortable('serialize');
        }
    });
});

可排序的工作原理完全正确，这些项目是可排序的。但是，当我更改一个项目的位置时，会调用update事件，并在Firebug的控制台中收到以下消息：

$("#menu_sections").sortable is not a function
var new_order = $('#menu_sections').sortable('serialize');

任何可能导致这种情况的想法？

Answer 1

您需要在外部范围内定义指针。

update: function(event, ui) {
    var new_order = $(this).sortable('serialize');
    }

在您的更新回调中，“此”并未指向您想要的“此”。