3

Как можно поймать событие, когда динамически добавляется новый элемент?

.live('ready' function(){}) не работает
1
  • 3
    Для начала, метод .live() - устаревший и рекомендованно использовать метод .on(). Во-вторых, .ready() - устанавливает обработчик готовности дерева DOM. И в-третьих, хорошо бы чуть подробнее о том, чего хотите добиться.
    – Deonis
    10 июл 2012 в 0:05

3 ответа 3

7
$('#someId').on('appendCompleted', function(){
    console.log('append completed');
});

$('#container').append(function(idx){
    $('#someId').trigger('appendCompleted');
    return '<div id="anotherDiv">...</div>';
});
UPD: более каноническое решение
$.when($('#container').append('<div id="anotherDiv">...</div>'))
 .done(function(){
    console.log('append completed');
})
-1
$("div#container").delegate("div#obj", "click", function() {
  $(this).toggleClass("chosen");
});

источник

3
  • 2
    - div#container - bad, - div#obj - bad, - \#container - good, - \#obj - good
    – Spectre
    10 июл 2012 в 5:51
  • а что плохого в точном селекторе?
    – rnd_d
    10 июл 2012 в 13:22
  • 1
    надо понимать, что когда движок jQuery видит селектор вида #someText, то он тут же выполняет getElementById, и не выполняет парсинг всего селектора регулярными выражениями, к тому же зачем делать div#obj, как будто у вас есть ещё img#obj или p#obj, идентификаторы же должны быть уникальными
    – Spectre
    10 июл 2012 в 14:48
-1

Если используете версию дж квери последнюю, то лучше использовать on.

И ставить обработчик не на сам объект а через делегирование, вот так:

$('body').on('click', '.elem', function(){});

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.