Question

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

Answer 1

从我所看到的情况来看，您的点击不会突出显示正确的行，因为您的实际网站上的表格在您的示例中有不同的布局。

在示例中，您的行映射为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：

Example with second table having more rows

根据请求，这是使用not的解决方案。请注意，您几乎必须在选择tr。
的任何位置对其进行过滤
Example using not and making the minimum amount of changes to the original code

将jQuery函数集成到html页面中

1 个答案: