3

刚刚编辑： 我对 jQuery 函数有一个奇怪的问题。example: 我的功能在每个浏览器http://jsfiddle.net/Ksb2W/72/上的小型 jsFiddle 上运行良好，
但如果我想将该功能集成到我的 html 页面中，它不适用于 Google Chrome 和 IE8。在 Firefox 上效果很好。

4

1 回答 1

3

据我所知，您的点击没有突出显示正确的行，因为您的实时网站上的表格在您的示例中具有不同的布局。

在示例中，您的行映射为 1:1。

在实时站点上，您的第二个表有两个额外的行：

<tr class="navigation"> ...
<tr class="headers"> ...

这显然会破坏您基于订单的匹配。

您的悬停已损坏，因为您的示例与您的实际站点不同。

在您的示例中，您有：

$(".table").each(function(){          
    $("tr:eq("+row+")",this).addClass("hoverx");
});

但是在focus.js您的实时站点上：

$("table.grid tbody tr").each(function(){          
      $("tr:eq("+row+")",this).addClass("hoverx");
});

请注意在第二种情况下您是如何遍历行的。

编辑

我认为使用tbody对交互式行进行分组是解决您在第二个表中有额外行的问题的一个很好的解决方案。因此，您还可以稍微简化您的 javascript：

第二个表具有更多行的示例

根据要求，这里是使用的解决方案的not样子。请注意，您几乎必须在选择tr.

not使用原始代码并对原始代码进行最少更改的示例

于 2012-04-19T11:37:30.733 回答