jquery效果不起作用

Question

如果您转到this page并单击取消订阅链接，则会立即删除相应的表格行。但是执行的代码是：

SF.delete = function(selector) {
    $(selector).slideUp('slow').remove();
};

所以你应该看到元素慢慢向上滑动，而不是立即消失。为什么这种效果不起作用？我在firefox和chrome中都看到了相同的行为。

更新

我已在上面的网址中实施了SLaks'建议。但是，当行向上滑动时，图像会“向侧面”跳跃。我猜这是由于<div>的插入引起的，有没有办法让它更平滑？

Answer 1

Table rows will always be tall enough to hold their contents，所以当jQuery减少行的高度时，没有任何反应。

相反，you can write

$('tr')
    .children('td, th')
    .animate({ padding: 0 })
    .wrapInner('<div />')
    .children()
    .slideUp(function() { $(this).closest('tr').remove(); });