jquery - jQuery sortable serialize在尝试对表进行排序时返回空白

Question

看过类似的帖子，但我看到的解决方案对我不起作用。我正在尝试使表格行可排序。当我尝试序列化时，控制台中什么也没有。

这是桌子。（萨斯）

    %table#list
      %tbody
        %tr.item
          %td.order 1.
          %td.name The best list item ever
        %tr.item
          %td.order 2.
          %td.name Another great list.

这是咖啡脚本

$("#list tbody").sortable update: ->
  order = $("#list tbody").sortable("serialize")
  console.log order

这是表格的css

table#list {
    float: left;
    td.order {
        width: 18px;
        vertical-align: top;
    }
    tr:hover .controls {
            display:inline;
    }
}

这是怎么回事？只是在控制台中变得空白。

Answer 1

从serialize方法文档：

默认情况下，它通过查看id格式 中每个项目"setname_number"的 来工作，并吐出一个像 "setname[]=number&setname[]=number".

所以你的物品需要有ID

%table#list
      %tbody
        %tr.item#item_1
          %td.order 1.
          %td.name The best list item ever
        %tr.item#item_2
          %td.order 2.
          %td.name Another great list.

演示JSFiddle。