jQuery :FadeOut not working with table Rows

Question

我将以下 HTML 表呈现到我的浏览器中。我正在从 ASP.NET 代码隐藏文件创建此表。

<table Class="tblTradeInCart">
    <tr class="tblCartHeader">
        <td>Item</td>
        <td>Model</td>
        <td> Price</td>
        <td>Delete</td>
    </tr>
    <tr id="tr_15_1">
        <td><img src="dia/images/LGVX9700.jpg" width="50" height="50" /></td>
        <td>LG VX9700</td>
        <td>$ 122</td>
        <td><a href='#' onclick="deleteItem(15,1,'tr_15_1')"><img src='..\Lib\images\NCcross.gif' style='border:0px'></a></td>
    </tr>
    <tr id="tr_11_8">
        <td><img src="dia/images/NOK5610.jpg" width="50" height="50" /></td>
        <td>NOKIA 5610</td>
        <td>$ 122</td>
        <td><a href='#' onclick="deleteItem(11,8,'tr_11_8')"><img src='..\Lib\images\NCcross.gif' style='border:0px'></a></td>
    </tr>
    <tr id="tr_14_9">
        <td><img src="dia/images/NOKN95.jpg" width="50" height="50" /></td>
        <td>NOKIA N95</td>
        <td>$ 91.5</td>
        <td><a href='#' onclick="deleteItem(14,9,'tr_14_9')"><img src='..\Lib\images\NCcross.gif' style='border:0px'></a></td>
    </tr>
</table>

在我的 javascript 中，我有删除功能，如下

function deleteItem(modelId,itemindexId, rowId)
{
   $.get("RemoveFromCart.aspx",{ model:modelId,cartItem:itemindexId,mode:"removefromcart",rand:Math.random() } ,function(data)
 { 
    //document.getElementById(rowId).style.display = "none";

    var row=$("#"+rowId);     
   row.fadeOut(1000);

});

}

但是当我调用deleteItem函数时，我没有得到褪色效果。它只是隐藏该行，如 display="none"。

谁能指导我如何解决这个问题？

Answer 1

隐藏 trs 时 jQuery 存在问题。这是当前的解决方法，直到他们决定在核心中执行类似的操作。

row.find("td").fadeOut(1000, function(){ $(this).parent().remove();});

这基本上隐藏了行中的tds，而不是实际的行。然后它从 DOM 中删除该行。我相信它适用于所有浏览器。如果需要，您可以专门针对 IE。