0

次のjQuery/LiveQueryコードがあります。

「highlight_this」のクラスがページのどこかに表示されるまで待ってから、変更されたばかりのデータの行に注意を向けるために、テーブルの行を強調表示します。

.highlight_thisしたがって、ユーザーがデータ行の編集を選択すると、ajax を介してデータベースが更新され、変更された行が に適用されてページに書き戻されます<tr>

まだIE7をサポートする必要があるため、jQuery 1.11.1を使用しています。以下は Firefox では問題なく動作しますが、IE7/8/9 ではマウスがページ上でクリックされるまで起動しないため、LiveQuery の使用をやめて .on() に切り替える必要があると推測しています。

// waits for the tr.highlight_this to appear, highlights th/td within, then returns to previous colour
//---------------------------------------------
$('.highlight_this', 'table').livequery(
    function() {
        var color = $('td', $(this)).css('background-color');
        $('th, td', $(this)).animate({ backgroundColor: '#ffffcc' }, 0 ).delay(1000).animate({ backgroundColor: color }, 5000, function(){ $(this).removeClass('highlight_this'); $(this).removeAttr('style'); })
});

.on() を使用してこの動作を再現するにはどうすればよいですか? このように .on() を使用する方法がわかりません。

敬具、ブラッドリー

4

1 に答える 1