3

その列にはアクションボタンが含まれているため、最後の列が修正されたスクロール可能なテーブルがあります。HTMLコードでは、次のようになります。各divにテーブルがある2つのdiv、最初のdivにはメインテーブルが含まれ、2番目のdivには、アクションボタンを追加した列が1つしかないテーブルがあります。テーブルでは、カーソルがtr tdを通過するときにホバー効果があり、フォーカスでは、テーブルから選択した登録を強調表示するために別の背景を適用しました。私の問題は、カーソルがtr tdを通過するときに、ブーステーブル上でホバーとフォーカスの効果を同時に得ることができるかどうかです。これは、ブーステーブルが各テーブルで独立して機能するようになったためです。

私のライブの例を確認してください：http://mainpage.ueuo.com/

ありがとうございました。

4

2 に答える 2

4

こちらをご覧くださいhttp://jsfiddle.net/Ksb2W/5/

$(function(){
$('table tr td').click(function () { 
         var selected = $(this).parent(); 
         var index = selected.GetIndex();
            var parentOfRow = $(selected.parent()[0].tagName);

         //First remove the selectedRow class
        $(".selectedRow",parentOfRow).removeClass("selectedRow");
        parentOfRow.each(function(){
               $("tr:eq("+index +")",this).addClass("selectedRow");
         });
    });
$("tr").hover(function(){
     var row = $(this).GetIndex();
    $(".table").each(function(){          
          $("tr:eq("+row+")",this).addClass("hoverx");
    });
},function(){         
     var row = $(this).parent().children().index($(this));
    $(".table").each(function(){          
          $("tr:eq("+row+")",this).removeClass("hoverx");
    });
});
});

    jQuery.fn.GetIndex = function(){
        return $(this).parent().children().index($(this));
    }
于 2012-04-12T09:27:25.920 に答える
1

この2つのDIVアプローチの代わりに、列と行を修正できるこのjQueryプラグインを使用します。

http://fixedheadertable.com/

それはあなたのHTMLをより単純で標準的なものにするでしょう。

于 2012-04-12T09:17:23.570 に答える