jqueryライブホバー

次のjqueryコードを使用して、マウスでホバーしているテーブル行に対してのみコンテキスト削除ボタンを表示しています。これは機能しますが、オンザフライでjs / ajaxで追加された行では機能しません...

ライブイベントでこれを機能させる方法はありますか？

$("table tr").hover(
  function () {},
  function () {}
);

jQuery 1.4.1がlive（）イベントの「ホバー」をサポートするようになりましたが、イベントハンドラー関数は1つだけです。

$("table tr").live("hover",

function () {

});

または、2つの関数を提供することもできます。1つはmouseenter用、もう1つはmouseleave用です。

$("table tr").live({
    mouseenter: function () {

    },
    mouseleave: function () {

    }
});

$('.hoverme').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});

http://api.jquery.com/live/

.live() jQuery 1.7で非推奨になりました

.on()代わりに使用して、子孫セレクターを指定してください

http://api.jquery.com/on/

$("table").on({
  mouseenter: function(){
    $(this).addClass("inside");
  },
  mouseleave: function(){
    $(this).removeClass("inside");
  }
}, "tr");  // descendant selector

jQuery 1.4.1以降、hoverイベントはで動作しlive()ます。基本的に、mouseenterイベントとmouseleaveイベントにバインドします。これは、1.4.1より前のバージョンでも同様に実行できます。

$("table tr")
    .mouseenter(function() {
        // Hover starts
    })
    .mouseleave(function() {
        // Hover ends
    });

これには2つのバインドが必要ですが、同様に機能します。

このコードは機能します：

    $(".ui-button-text").live(
        'hover',
        function (ev) {
            if (ev.type == 'mouseover') {
                $(this).addClass("ui-state-hover");
            }

            if (ev.type == 'mouseout') {
                $(this).removeClass("ui-state-hover");
            }
        });

警告：ホバーのライブバージョンでは、パフォーマンスが大幅に低下します。IE8の大きなページで特に目立ちます。

私はAJAXでマルチレベルのメニューをロードするプロジェクトに取り組んでいます（私たちには理由があります）。とにかく、Chromeでうまく機能するホバーにライブメソッドを使用しました（IE9では問題ありませんでしたが、うまくいきませんでした）。ただし、IE8では、メニューが遅くなる（ドロップするまでに数秒間ホバーする必要があった）だけでなく、スクロールや単純なチェックボックスのチェックなど、ページ上のすべてが非常に遅くなりました。

ロード後にイベントを直接バインドすると、適切なパフォーマンスが得られました。