jquery - li は既存の ul に追加されますが、古い機能はもう機能しません

Question

私はulいくつかを持っていliます。liを持っていbuttonます。クリックすると、メッセージが表示されます。このようなことをしようとすると$("#myUl").append("<li> <div id="click">Click</div></li>"); 、追加された新しいliでは機能しません! 手伝って頂けますか？

Answer 1

on()関数を使用して、関数をそれ自体<ul>ではなく親にバインドする必要がある場合があります<li>

したがって、使用している場合：

$('li').click(関数(){});

使用する必要があります

$('ul').on('click','li',function(){});

Answer 2

新しいリンクが DOM に追加された後は機能しないということだと思います。この場合、次のようなものを使用する必要があります

$('ul li').on('click', '#click', function() {
    // Handle here
});

on() ハンドラーについてはhttp://api.jquery.com/on/を参照してください。

Answer 3

jqueryを使用する場合は、コンテンツを追加し、その後機能のために追加すると、機能は完全に機能します: $.on

お気に入り
$("ul").on("events",function(){
  $(this).to_be_fired_event();
});


< li >タグが動的に追加されるためです。