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。