3

編集したばかり： jQuery関数に奇妙な問題があります。example: 私の関数は、すべてのブラウザhttp://jsfiddle.net/Ksb2W/72/の小さなjsFiddleでうまく
機能しますが、その関数をhtmlページに統合したい場合、GoogleChromeとIE8では機能しません。Firefoxではうまく機能します。

4

1 に答える 1

3

私が見る限り、実際のサイトのテーブルのレイアウトが例では異なるため、クリックしても正しい行が強調表示されません。

この例では、行が 1:1 でマップされています。

ライブ サイトでは、2 番目のテーブルに 2 つの余分な行があります。

<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");
});

2 番目のケースで行をループする方法に注意してください。

編集

tbodyインタラクティブな行をグループ化するために使用することは、2 番目のテーブルに追加の行があるという問題に対する優れた解決策だと思います。結果として、JavaScript を少し単純化することもできます。

より多くの行を持つ 2 番目のテーブルの例

リクエストに応じて、使用するソリューションは次のnotようになります。を選択するすべての場所でそれをフィルタリングする必要があることに注意してくださいtr。

not元のコードに最小限の変更を加えて使用する例

于 2012-04-19T11:37:30.733 に答える