Добавить обработчик на динамически создаваемые элементы

[alex_web64]

Здравствуйте.

Есть такой код https://jsfiddle.net/8xek6ytz/2/, в котором я на jquery добавил обработчик клика для всех будущих элементов списка. Подскажите, как сделать то же самое, только без jquery.

[afdw]

https://jsfiddle.net/8xek6ytz/4/

Edited September 3, 2015 by afdw

[amelice]

https://jsfiddle.net/8xek6ytz/5/

[Aleksandr.L]

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

Замени на:

ul.onclick = function(e) {   e.target.tagName == 'LI' && alert(e.target.textContent);};

[alex_web64]

Всем спасибо.

[-=ZzZ=-]

С событиями как раз все просто в гугле куча сслылок c примерами ведущих к .on

 

А как быть с виджетами UI ?

 

Нужен универсальный метод инициализации динамических элементов  $('selectable').selectable(); .sortable .draggable итд

Что то типа $(Element).on(sortable

 

1 Есть вариант продублировать в $(document).ajaxSuccess содержимое $(document).ready   :\ но это будет полная переинициализация всей страницы включая обработчики событий

2 Подгружать скрипт инициализации вместе с элементом но тут ждут какието проблемы с $.parseHTML который вроде как имеет 3й параметр keepscript

 

Кто подскажет лучший вриант ?

Желательно рабочий пример