jQueryの：.liveの問題（）

Question

これは（.hover）作品：

$('a.directory:not(.trashContent), a.file:not(.trashContent)').hover(function() { 
    if (!dragged) $(this).find('a.suppr:first').show(); 
}, function() { 
    $(this).find('a.suppr:first').hide(); 
}); 

そして、これは動作しません（.live('hover')を）：

$('a.directory:not(.trashContent), a.file:not(.trashContent)').live('hover', function() { 
    if (!dragged) $(this).find('a.suppr:first').show(); 
}, function() { 
    $(this).find('a.suppr:first').hide(); 
}); 

任意のアイデアなぜですか？

Answer 1

をシングルイベント。 mouseenterとmouseleaveのイベントハンドラをバインドします。 ホバー自体は、実際には独自のイベントハンドラではありません。それはライブで動作するようにするには（良く使用.on（））あなたは、イベントハンドラが区切ら使用する必要があります。

$("#Element").live({ 
    mouseenter:function(){ 
    //do something 
    }, 
    mouseleave:function(){ 
    //do something 
    } 
}); 

Answer 2

.liveは古いです。 jQuery 1.7以来、jQueryには合計新しいイベントAPIがあり、すべてのイベントに対して.on()を使用する必要があります。

例：

$('a.directory:not(.trashContent), a.file:not(.trashContent)').on('mouseenter', function() { 
    console.log('You have hovered on ' + $(this)); 
}); 

---

そして、あなたは.is()でcombinatedより良い選択の要素次のことができます。それが動作しない理由はホバーが実際にはないこと、である

$('a.directory, a.file').is(':not(.trashContent)', function() { 
    var $elem = jQuery(this); 
    $elem.on('mouseenter', function() { 
    console.log('You have hovered on ' + $elem); 
    }); 
});