jQuery hoverイベントハンドラが動的コンテンツを操作していないときにクリック

Question

動的に作成されたコンテンツの場合、イベントを処理するために 'on'メソッドを使用しています。クリックではうまく動作しますが、ホバーではうまく動作しません。ここで

はコードです：

$(document).on('click', 'li', function(){ 
    alert('a'); 
}); 

作品が、

$(document).on('hover', 'li', function(){ 
    alert('a'); 
}); 

はしていません。

コードが間違っていますか？それとも私のセットアップで何かの問題が発生します。 1.9のよう

Answer 1

"hover" pseudo-event

、イベント名の文字列 "ホバー" は、もはやあなたがmouseenterとmouseleaveイベント

を使用する必要がある "のMouseEnter mouseleave"

の同義語としてサポートされていません

$(document).on('mouseenter', 'li', function(){ 
    alert('a'); 
}); 
$(document).on('mouseleave', 'li', function(){ 
    alert('a'); 
}); 

代替構文を使用することもできます

$(document).on({ 
    mouseenter: function() {   
    }, 
    mouseleave: function() {   
    }}, "li"); 

Answer 2

.hover（）メソッドで "ホバー" 疑似イベント名を混同しないでください

あなたはmouseenter

$(document).on('mouseenter', 'li', function(){ 
 
    alert('a'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<ul> 
 
    <li>sdada</li> 
 
    </ul>