JQuery UI可排序更新/停止不执行代码

Question

这是我的Javascript：

$(function() {
 $( "#accordion" )
  .sortable({
    axis: "y",
    handle: ".panel-heading",
    update: function(event, ui) {
        console.log('update fired');
        var categoryOrder =[];
        categoryOrder = $(".panel-heading").map(function()
        {
              return $(this).data("order");
        }) ;
        // ajax store goes here
    },
 });
});

我想根据它们排序的最后位置保存手风琴面板的顺序。我的计划是构建一个数组并使用ajax来存储引用data-order属性中的信息集的顺序。出于某种原因，当我在DOM中对面板进行排序时，它不会正确触发更新功能。控制台将显示我的console.log('update fired')，但当我检查categoryOrder变量的内容时，它将返回为未定义。

当我在控制台中运行相同的代码集时，它会构建我希望的categoryOrder数组。谁能发现我做错了什么？

仅供参考，我使用的是jquery 1.10.2和jquery ui 1.11