JQuery ready for new elements?

Question

[Николай Васильчук]

По $(document).ready обрабатываются все элементы select.

После этого на странице могут появиться новые селекты, они могут быть созданы яваскриптом или получены аяксом.

С помощью live можно назначить им какой-то обработчик события, но мне нужно обработать их в момент создания.

Вклиниться в места, где элементы создаются я не могу.

Как обработать новые элементы?

Answer 1

[Павло Пономаренко]

Попробуйте сделать так —

var nodes = document.getElementsByTagName('select');

В nodes будет live NodeList, который меняется при изменении дом-дерева, потому достаточно проверять длину в таймауте

var nodes = document.getElementsByTagName('select');
var prev = 0;
setInteval(function () {
  if (nodes.length != prev) {
    prev = nodes.length;
    recount();
  }
}, 10);

Конечно, если один селект удалился, а другой добавился — такой вариант не пройдёт и необходимо сравнивать по содержимому.

Comments

[Николай Васильчук]

Видимо, не уйти от setInteval. Спасибо за вариант.

[Павло Пономаренко]

Не уйти. А чем вам setInteval не нравится?
Можете использовать requestAnimationFrame

[Николай Васильчук]

Как-то совесть не позволяет гонять интервал без дела постоянно ))

[Павло Пономаренко]

можете её игнорировать в этот раз

Answer 2

[sajgak]

setInterval-ом проверять наличие.
«Вклиниться в места, где элементы создаются я не могу.» может всетаки сможете?

Comments

[Николай Васильчук]

Нууу, я подумал, и, наверное смогу туда вклиниться… — Вы такой ответ ожидали? Не смогу, значит не смогу. Нет такой возможности.
Вариант с setInterval в голову пришел первым, но был откинут как избыточный. Если есть live и delegate, возможно и в моем случае найдется какое-нибудь изящное решение.

[sajgak]

Обычно варинат «не могу» означает недостаточно знаний. Поэтому и вопрос. Если у вас случай другой, извините. Изящного решения, к сожалению, нет

[Николай Васильчук]

Недостаток знаний означает вариант «не знаю как». Вариант «не могу» означает, что нет такой возможности.

Answer 3

[xdenser]

Как вариант переопределить document.createElement и вызывать свое событие после вызова старого document.createElement. Потом цепляться к этому событию и там проверять, что создалось.
Хотя это надо проверять на совместимость, и возможно не будет работать когда элементы создаются через .innerHTML.

Comments

[Павло Пономаренко]

Селекты могут создаваться не через createElement, а через innerHTML

[Николай Васильчук]

К сожалению, я не знаю, как и в каких случаях jQuery вставляет элементы.

[xdenser]

пробовать надо. посмотрел в исходники — она делает и так и так в разных случаях.

Answer 4

[chikuyonok]

В DOM Level 2 есть событие DOMSubtreeModified, попробуйте повесить его на document в современных браузерах.
www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-eventgroupings-mutationevents