jQuery .on() を機能させるのに苦労しています。最初の '.on()' のように h1 要素では問題ないように見えますが、li 要素をクラス、id、または単純な要素として含めた場合は機能しません。数百の要素があり、それぞれに異なる数値 ID をバインドしたいので、ID を使用することはできません。
$(document).ready(function(){
//a h1 element
$('#title').on('click',function(){ //works
console.log("clicked");
});
//li elements, don't work
$('#56813XXXX').on('click',function(){ //doesn't work
console.log("clicked");
});
$('li').on('click',function(){ //doesn't work
console.log("clicked");
});
$('.listItem').on('click',function(){ // doesn't work
console.log("clicked");
});
})
HTML は次のとおりです。
<ul id="friendsList">
<li id="56813XXXX" class="listItem">Text</li>
<li id="56095XXXX" class="listItem">Text</li>
<--several hundred more elements-->
</ul>
それで、それをli要素で機能させる方法はありますか?