0

我正在使用 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。

4

2 回答 2

0

你包括UI了吗？这是我看到的唯一区别：jsFiddle 示例（单击打开/关闭 UI 包含）这将与可行的事实保持一致fadein......因为fadein它包含在主 jquery 库中，而.effect它是一个 UI 组件。

于 2012-07-17T19:44:27.160 回答
0

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

于 2012-07-17T19:58:49.237 回答