как прикрепить событий динамического html элементов с помощью jquery?


this question already has an answer here:

.myclass

предположим, у меня есть некоторые jquery код, который присоединяет обработчик событий для всех элементов с классом .

for example:
$(function(){    $(".myclass").click( function() {        // do something    });});

и мой html-код может выглядеть следующим образом:

<a class="myclass" href="#">test1</a><a class="myclass" href="#">test2</a><a class="myclass" href="#">test3</a>
.myclass

что работает без проблем.однако, считаю, если элементы были написаны на страницу в будущем.

for example:
<a id="anchor1" href="#">create link dynamically</a><script type="text/javascript">$(function(){    $("#anchor1").click( function() {        $("#anchor1").append('<a class="myclass" href="#">test4</a>');    });});</script>
test4a#anchor1

в данном случае, ссылка создается, когда пользователь нажимает на .

test4click()class="myclass"

по ссылке не имеет обработчика, связанный с ним, даже если он имеет .

click()ajax / dhtml

в принципе, я хотел бы еще написать обработчик и применять его как настоящий контент при загрузке страницы, и контент принес в дальнейшем через . любая идея, как я могу это исправить?