jquery - チェックボックスとliでイベント委任が機能しない

Question

Li 内にチェックボックスがあり$(document).on('mouseenter','ul li', function)、以前は委任しようとしましたが、うまくいかないようです。マウスをチェックボックスに移動しても、関数の実行が停止しませんでした..

li を選択できません。li は動的になるため、$(document) を使用して選択する必要があります。

Answer 1

.change()代わりにイベントハンドラーを使用することをお勧めしますmouseenter

$('ul').on('change','li input[type="checkbox"]', function() {
  //Your code
 });

更新: コメントに基づいて、.hoverイベントを使用してみてください

$(document).on('hover','ul li', function() {
  //Your code
 });

Answer 2

ここでdocumentあなたを使うのではなくul li

$('ul li').on('mouseenter', function() {

});

最後のパラメーターの使用方法も確認してくださいfunction

編集：

PS:onイベントに関数を使用していますが、jquery コードを内部に配置することをお勧めします。$(document).ready(function () {});

JSFiddle:

http://jsfiddle.net/LQw5K/