用jQuery突出顯示錶格行背景顏色

我正在使用jQuery 1.7.2和jQuery UI 1.8.21。我想強調的特定行我的表，但是這似乎並不奏效：用jQuery突出顯示錶格行背景顏色

<script language="javascript" type="text/javascript"> 
$(document).ready(function() {  
    $('#tr635').effect("highlight", {}, 3000); 
}); 
</script>

#tr635是我想強調的TR的ID。我究竟做錯了什麼？

編輯：

爲表HTML代碼：

<table width="100%"> 
    <tr> 
    <td colspan="8" class="title">Prioritize Liabilities</td> 
    </tr> 
    <tr> 
    <td class="info">Note</td> 
    <td class="info">Balance</td> 
    <td class="info">Total Debt</td> 
    <td class="info">Total Loss<br />Given Default</td> 
    <td class="info">% Loss<br />Guarantee</td> 
    <td class="info">Total Loss<br />After Guarantee</td> 
    <td class="info">% Loss</td> 
    <td class="info">Note LGD</td> 
    </tr> 
    <tr id="tr632"> 
    <td><em>GGA 01</em></td> 
    <td>5,000</td> 
    <td>5,000</td> 
    <td>0</td> 
    <td>0%</td> 
    <td>0</td> 
    <td>0.00%</td> 
    <td>D</td> 
    </tr> 
    ...more rows... 
</table>

編輯2：我找到了答案。在我的表格的CSS中，我爲表格中的td標籤指定了背景顏色。我刪除了這個，並在tr標籤中設置背景顏色。現在它可以工作。它看起來像td標籤的CSS是覆蓋jQuery。

來源

2012-07-17 Jeff

您是否收到錯誤？ – 2012-07-17 18:30:39

不，沒有得到一個錯誤。只是不工作。 – Jeff 2012-07-17 18:34:14

確保id是正確的。 [實施例]（http://jsfiddle.net/heera/GmAAM/）。 – 2012-07-17 18:34:54

我找到了答案。在我的表格的CSS中，我爲表格中的td標籤指定了背景顏色。我刪除了這個，並在tr標籤中設置背景顏色。現在它可以工作。它看起來像td標籤的CSS是覆蓋jQuery。

來源

2012-07-17 19:58:49 Jeff

您是否包含UI？這是我看到的唯一區別：jsFiddle Example (click on/off UI include)這將符合事實fadein將工作......因爲fadein包含在主jQuery庫中，而.effect是UI組件。

來源

2012-07-17 19:44:27 timpng1

是的，我包括jQuery UI。 – Jeff 2012-07-17 19:59:27

啊，很酷......以爲我會從最簡單的回答開始:) – timpng1 2012-07-17 20:02:59

用jQuery突出顯示錶格行背景顏色

回答

相關問題