jquery - 将 jQuery 函数集成到 html 页面中

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