jquery - 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”。当您释放时，Sortable 似乎会取消隐藏“td”。如果您需要该 ID，为什么不将其作为数据属性添加到“tr.item”，例如：

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

然后删除似乎可以解决问题的行中隐藏的 td 。