jQuery fadeTo效果適用於<tr>

我想要使用jQuery將fadeTo效果添加到<tr>標記。這應該是可能的，對吧？這裏是我的代碼：jQuery fadeTo效果適用於<tr>

if ($) { 
    $(document).ready(function() { 
     $("tr[id$='_trPendingRequest_Manager']").fadeTo("slow", 0.33); 
    }); 
}

無論出於何種原因，效果都沒有發生。

我決定做更多的測試，並在包含此<tr>的表的正上方添加一個段落標記，並且我能夠成功將fadeTo效果應用於段落標記。所以，這導致我認爲不能將fadeTo效應應用於<tr>標記。

任何人都有他們不介意與我分享的智慧的金塊，爲什麼我不能讓它工作？

編輯：下面是<table>的html與<tr>我試圖應用效果。

<table> 
    <tr id="trPendingRequest_Manager" runat="server" style="display: none;" valign="middle"> 
    <td valign="middle"> 
     <asp:Image id="imgExc" runat="server" ImageUrl="~/Images/Mail_24x24.png" /> 
    </td> 
    <td>&nbsp;</td> 
    <td valign="middle"> 
     <asp:HyperLink ID="hypPendingRequest" runat="server" NavigateUrl="~/MyManagedRequests.aspx" Font-Bold="true" Font-Size="Medium" Font-Underline="false" ForeColor="Black">You have <asp:Label ID="lblRequestsNum" runat="server"></asp:Label>request(s) pending your action 
     </asp:HyperLink> 
    </td> 
    </tr> 
    <tr>... Removing the rest for brevity ... </tr> 
</table>

來源

2009-08-21 Jagd

也許你可以張貼一些你的HTML嗎？複製粘貼上面的代碼示例並設置一個簡單的表格確實會產生所需的效果，所以也許還有其他的東西。 – theIV 2009-08-21 17:04:31

看起來可能與別的東西有衝突，因爲其他人可以使其工作。我實際上是在masterpage（ASP.NET）中執行此操作，並且所涉及的tr最初不可見。實際上，在主頁的Page_Load事件期間，只有在滿足某些條件的情況下，纔將tr的顯示屬性設置爲「內聯」。我也會爲此添加html。 – Jagd 2009-08-21 17:14:03

你需要在顯示tr之前「顯示」tr。請參閱下面的答案。 – TheVillageIdiot 2009-08-21 18:10:57

它工作完全沒問題。如果這是唯一的ID，那麼你甚至不需要指定TR或匹配選擇，只是這會做的工作：

$(document).ready(){function(){ 
    $("#_trPendingRequestManager").fadeTo('slow','0.33'); 
});

編輯： -

因爲我是懷疑的ID來自RUNAT = 「服務器」項目。你可以用它來加速事情。

$(document).ready(function(){ 
    $("#<%=trPendingRequestManager.ClientID %>").fadeTo('slow','0.33'); 
});

我認爲首先_讓它變得有趣。有關加速使用ClientID屬性的更多信息，請參閱Dave的帖子this。

也刪除「display：none」這是罪魁禍首！

只是IT連鎖把不透明度爲0，如果你不想刪除顯示：無

$("#<%=trPendingRequestManager.ClientID %>") 
.css('opacity','0').show() //make transparent and show 
.fadeTo('slow','0.33')

我發現這個here

來源

2009-08-21 16:56:51 TheVillageIdiot

謝謝你的嘗試！ – Jagd 2009-08-21 17:18:57

@TheVillageIdiot - 我儘量不將我的腳本嵌入到我的標記中。我喜歡將它保存在.js文件中（即 - 非強制性JavaScript），這就是爲什麼我不選擇標籤的ClientID。雖然我認爲你對顯示的正確性：無屬性 - 這可能是問題所在。我會盡快在這裏做一些更多的測試，看看我能不能確定它。 – Jagd 2009-08-21 18:26:51

通常，我的經驗是tr元素無法正常操作。例如，你可以給tr元素添加一個背景顏色（比如斑馬條紋），但是如果你想在每個tr「行」之間劃一條線，那麼你必須將css邊框添加到它下面的td元素，否則它不會似乎有任何影響。

我的猜測是這是類似的東西。你可能不得不嘗試在tr元素的每個td子元素上執行fadeTo ... dunno，我承認我沒有測試任何東西。

來源

2009-08-21 16:50:06

是的，我想過試圖將它應用於td標籤。猜猜我會試一試。 – Jagd 2009-08-21 16:54:46

我試過了，它適用於tr沒有問題！ – TheVillageIdiot 2009-08-21 16:58:07

情節變厚了！ – 2009-08-21 17:03:21

jQuery fadeTo效果適用於<tr>

回答

相關問題