jquery - 视觉淡出没有发生

Question

我确实从元素中淡出，它似乎在某种程度上可以工作，但透明不适用于表格行，并且 tr 最终会被删除。

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

这可能是由于css样式引起的吗？

更新 http://jsfiddle.net/EsdR2/1/

Answer 1

似乎 Opera 不支持-elementsopacity上的CSS <tr>。您可以在我创建的 jsFiddle 上的这个演示中看到它。

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

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

演示

先试后买

Answer 2

我还发现直接为表格元素设置动画的问题，尝试将每一行包装在一个 div 中，例如：

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

并淡出 div

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