2

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要素で機能させる方法はありますか？

4

1 に答える 1

3

これを試しましたか？呼び出しを親にスコープし、動的に追加される要素<ul>にクリック イベントをバインドします。<li>

$('#friendsList').on('click', 'li', function() { 
     console.log("clicked");
});
于 2013-03-28T00:05:13.510 に答える