События привязки к еще созданным элементам DOM (jQuery)

Question

Как я связываю события с элементами HTML, которые не существуют во время загрузки сценария?

Одна часть моего сценария добавляет их к DOM:

<a class="btn-remove-item" href="">link</a>

Проблема, я не могу просто сделать:

$(document).ready(function(){

    $(".btn-remove-item").click(function(){
        this.parentNode.removeChild(this);
    });
});

.. Я думаю, потому что элемент DOM не там, когда страница сначала загружается.

Как я должен связать событие с myClass?

12

jquery html dom

задан bgcode 2 August 2010 в 22:02

2 ответа

Другие вопросы по тегам:

jquery html dom

score 1 · Answer 1

jQuery.live() - это то, что вам нужно.

$(document).ready(function(){

    $("a.myClass").live('click', function() {
        this.parentNode.removeChild(this);
    });
});

Попробуйте: http://jsfiddle.net/mwR8g/

score 3 · Answer 2

Функция jQuery live() делает следующее:

$("#btn-remove-item").live('click', function() {
    this.parentNode.removeChild(this);
});

3

ответ дан 2 December 2019 в 05:14