Question

我正在使用jQuery 1.7.2和jQuery UI 1.8.21。我想突出显示表格中的特定行，但这似乎不起作用：

<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。

Answer 1

您是否包含用户界面？这是我看到的唯一区别：jsFiddle Example (click on/off UI include)这符合fadein可行的事实......因为fadein包含在主jquery库中而{{1}是一个UI组件。

Answer 2

我找到了答案。在我的表格的CSS中，我为表格中的td标签指定了背景颜色。我删除了它并在tr标签中设置背景颜色。现在它有效。看起来td标签的CSS覆盖了jQuery。

用jQuery突出显示表行背景颜色

2 个答案: