jQuery可对表格行进行排序，从而破坏表格

Question

第一篇文章，在我身上很容易:)我已经看了所有的东西，似乎无法弄清楚这里发生了什么。一点帮助，将不胜感激。

我想让表行使用jQuery进行排序，我已经完成了（请参见下面的小提琴链接）。但是，当我试图在行被释放后在行上添加突出显示效果时，它似乎添加了一个包含ID的附加表格数据单元格（）。任何人都可以解释为什么会发生这种情况，以及如何解决它？这似乎发生当我申请的影响，如简单的拖/放不上该行添加此额外的单元格：

$(document).ready(function() { 
    $("#draggable").sortable({ 
     axis: 'y', 
     items: '.item', 
     stop: function(event, ui){ 
      ui.item.children('td').effect('highlight', {}, 1000); 
     } 
    }); 
}); 

http://jsfiddle.net/vQSKC/

谢谢！

Answer 1

每个'tr.item'都有一个额外的'td'隐藏。排序时，似乎取消隐藏'td'。如果你需要这个ID为何不作为数据属性，将其添加到像“tr.item”：

<tr class='item' data-id='4'> 

然后删除自这似乎是解决这一问题的行隐藏在TD。