jQuery可以对表行破坏表进行排序

时间:2013-05-20 03:07:39

标签: jquery jquery-ui-sortable jquery-effects

首先发布在这里,对我轻松:)我看了一遍,似乎无法弄清楚这里发生了什么。我们将不胜感激。

我正在尝试使用jQuery对表行进行排序,我已经完成了(参见下面的小提琴链接)。但是,当我尝试在释放行后在行上添加高亮效果时,它似乎添加了一个包含ID的附加表数据cell()。任何人都可以解释为什么会这样,以及如何解决它?当我应用效果时似乎会发生这种情况,因为简单的拖放不会在行上添加这个额外的单元格:

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

http://jsfiddle.net/vQSKC/

谢谢!

1 个答案:

答案 0 :(得分:0)

每个'tr.item'都隐藏了一个额外的'td'。当您发布时,Sortable似乎取消隐藏'td'。如果您需要该id,为什么不将它作为数据属性添加到'tr.item'中,如:

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

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