ajaxの後にイベントをonclickにする

Question

セレクタを見つけることに少し問題があります。

$(document).on('click', 'input[type=checkbox]', function() { 
    alert("hello!"); 
}); 

このコードは、ページ上のすべてのチェックボックスを検索する必要がある場合に問題ありません。しかし！ は、私は私の小さな問題を解決する

<ul id="sortable-menu"> 
    <li> 
    <input type="checkbox" id=${category['id']} />//so, id is dynamic 
    </li> 
</ul> 

してください、助けの内側にあるチェックボックスを、見つける必要があります。ありがとう！

Answer 1

sortable-menu場合だけ

$('#sortable-menu').on('click', ':checkbox', function() { 
    alert("hello!"); 
}); 

委任イベントに最も近い静的な親を使用するには、動的documentの代わりに

$(document).on('click', '#sortable-menu :checkbox', function() { 
    alert("hello!"); 
}); 

を生成し、常により良いパフォーマンスのために最も近い静的コンテナを使用。

Answer 2

あなたはjQueryのに渡していることはCSSのセレクタは、あなたがちょうどあなたが探している構造を記述することができるので、次のとおりです。

$(document).on('click', '#sortable-menu li input[type=checkbox]', function() { 
    alert("hello!"); 
}); 

はあなたのセレクタを変更