用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突出显示表格行背景颜色

回答

相关问题