JS не работает для динамически добавленных элементов

@lighty · Регистрация: 11.03.2011

Author24 — интернет-сервис помощи студентам

Скачал я js плагин и css к нему календаря для вставки даты в инпут. Все работает только для тех инпутов, которые уже находятся на странице, но не работают на динамически добавленных элементах при помощи JS. Вот у меня есть динамически добавляемые инпуты

HTML5

1 2	<div id="task_label_plus"></div> <div class="task_label_plus_add" onclick="add_tsk(this.parentNode)"></div>

Javascript

function add_tsk(obj) {
    var new_inp=document.createElement('div');
    new_inp.className = 'task_area';
    new_inp.innerHTML='<input class="date">';
    $('#task_label_plus').append(new_inp);
};

И в этом инпуте не отображается календарь. В чем может быть проблема?

@lastfin · 13.10.2013, 21:29

Чтобы код заработал, что-то вроде этого должно быть:

Javascript

1
2
3

    $('родительский элемент по отношению к искомому').on('click', '.task_label_plus_add', function(){
        
    });

Вот здесь про делегирование пишут:

	13.10.2013, 21:29