0

私は ajax を使用して XML をテーブルにロードし、「ホバー」イベントを実行して、テーブルの行に出入りするときに色を変更しようとしています。表の行は、AJAX を使用して動的に追加されます。動いていない。コードは次のとおりです。

$(document).ready(function(){
    //$("tr").hover(function(){
    $("#tbl1").on("hover","tr",function(){
       $(this).attr('bgcolor', "yellow");
    },
    function(){
       $(this).attr('bgcolor', "white");
    });     
});

以下は、ページがロードされたときの表です

<table width="200" border="5" cellspacing="5" cellpadding="5" id="tbl1">
     <tr>
       <th scope="col">Index</th>
       <th scope="col">Matriks</th>
       <th scope="col">Name</th>
       <th scope="col">IC</th>
       <th scope="col">Age</th>
       <th scope="col">Photo</th>
     </tr>
</table>

助けてくれてありがとう

4

6 に答える 6

0

tr にカーソルを合わせると、tr が強調表示されます

ワーキングデモhttp://jsfiddle.net/4SjZ7/1

$(document).ready(function () {
    $("#tbl1 tr").hover(function () {
        $(this).attr('bgcolor', "yellow");
    },
    function () {
        $(this).attr('bgcolor', "white");
    });
});

テーブルの上にカーソルを置いて、このコードの tr を強調表示する場合

ワーキングデモhttp://jsfiddle.net/4SjZ7/3/

js

$(document).ready(function () {
    $("#tbl1").hover(function () {
        $('#tbl1 tr').attr('bgcolor', "yellow");
    },
    function () {
        $('#tbl1 tr').attr('bgcolor', "white");
    });
});
于 2013-07-20T06:35:44.983 に答える
0

これを試して：

$(document).ready(function() {
    $("#tbl1").on("mouseenter", "tr", function() {
        $(this).attr('bgcolor', "yellow");
    }).on("mouseleave", "tr", function() {
        $(this).attr('bgcolor', "white");
    });
});

jsフィドル

于 2013-07-20T06:36:26.830 に答える
0

これは私にとってはうまくいくようです： http://jsfiddle.net/Sde8J/2

$(document).ready(function(){

  $("#tbl1 tr").hover(
  function () {
    $(this).css("background-color", "yellow");
  },
  function () {
    $(this).css("background-color", "white");
  });
});
于 2013-07-20T06:37:37.980 に答える
0

この機能を使用する

$("#tbl1 tr").live("hover",function(){
   $(this).attr('bgcolor', "yellow");
},
function(){
   $(this).attr('bgcolor', "white");
});
于 2013-07-20T06:30:04.507 に答える
0

これを試して

$(document).ready(function(){
    $("#tbl1").on("mouseenter","tr",function(){
       $(this).attr('bgcolor', "yellow");
    },
    function(){
       $(this).attr('bgcolor', "white");
    });     
});

hover は、mouseenter および mouseleave イベントの省略形です。ホバー自体はイベントではありません。.on('hover'.. は有効な構文ではありません。ただし、 $("#tbl1 tr").hover(function() {}) を直接使用できます。

于 2013-07-20T06:31:05.560 に答える