视觉淡出没有发生

Question

我确实淡出了元素，它似乎在某种程度上有效，但透明不适用于表格行，tr最终会删除。

    $('input:checked[name*="bulk"]').each(function(){
        $(this).closest('tr').fadeOut(1800);
    })

这可能是因为css风格造成的吗？

UPDATE http://jsfiddle.net/EsdR2/1/

Answer 1

Opera似乎不支持opacity上的CSS <tr> - 元素。您可以在我创建的demo on jsFiddle中看到它。

为了使它在Opera中按预期工作，你可以做的是淡出所选行中的所有<td> - 元素。之后该行也将崩溃，就像在其他浏览器中直接淡出<tr>时一样。要将您的小提琴更改$this.closest('tr').fadeOut(1800);更新为：

$this.closest('tr').find('td').fadeOut(1800);

<强>演示

Try before buy

Answer 2

我还发现了直接设置表格元素动画的问题，尝试将每行包裹在div中：

<div>
    <tr>
    </tr>
</div>

淡出div

$(this).closest('div').fadeOut(1800);