0

JSONデータが入力されたテーブルを作成したので、テーブルの各行。テーブルレイアウトは <table id="custServMainTable"> <tbody> </tbody> </table>

ページの下部にあるコードを使用して、JQuery で要素を追加します。

$('#custServMainTable tbody').append("<tr class='custCell grey'>
<td>info</td></tr>");

要素の追加は正常に機能します。私が抱えている問題は、ホバーを実行して背景色を変更しようとすると

$('.grey').hover(function() {
        $(this).css('background-color', '#FDBB73');}, 
        function() {$(this).css('background-color', '#EFEFEF');
    });

試した方法

 $('.grey').on("hover", function(event) {
        $(this).css('background-color', '#FDBB73');}, 
        function() {$(this).css('background-color', '#EFEFEF');
    });

カーソルを合わせたときに行を強調表示しようとしています。私が試した方法ではうまくいきません。これは以前、テーブルの静的作成と同じコードで作業していました。ホバー機能で「オン」と「バインド」を試しましたが、うまくいきませんでした。同様の状況の他の例では、ライブの使用が提案されましたが、これは現在は推奨されていません。「オン」を 1 レベル上に移動することが提案されましたが、それは成功しませんでした。

4

1 に答える 1

4

.on()ホバーオプションはありません。あなたは試してみたいかもしれません：


$('body').on('mouseenter', '.grey', function() {
   $(this).css('background-color', '#FDBB73');}
});
$('body').on('mouseleave', '.grey', function() {
   $(this).css('background-color', '#EFEFEF');
});
于 2012-06-14T21:08:24.300 に答える