Изменить новые элементы при их добавлении

Question

Изменить новые элементы при их добавлении

0

Это делается моим почтовым индексом при загрузке страницы:

$('a.people').each(function (index, value) {
     $('<i>'+$(value).text()+'</i>').insertBefore(value);
});

Веб-приложение предназначено для пользователей, добавляет новые элементы $('a.people') когда пользователь выполняет различные действия.

Как я могу запустить свой код для вновь добавленных элементов? Есть ли событие, которое запускается при добавлении новых элементов в DOM?

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

Elmo 27 апр. 2014, в 11:40

Источник

0

Как вы планируете добавлять элементы?
underscore 27 апр. 2014, в 09:21
0

вам нужно либо найти событие для присоединения, либо запустить setInterval
mplungjan 27 апр. 2014, в 09:22
0

@zuck вы можете использовать setInterval() или использовать любой обработчик событий для этого.
Jai 27 апр. 2014, в 09:28
0

Делегировать события .
MaxArt 27 апр. 2014, в 09:28
0

С какими браузерами вам нужно работать?
David Thomas 27 апр. 2014, в 09:36
0

И вы хотите знать, когда элемент добавляется, или изменить этот элемент, когда он добавляется? Если последнее, что вы хотите с ним делать?
David Thomas 27 апр. 2014, в 10:28

Показать ещё 4 комментария

Теги:

javascript

jquery

userscripts

2 ответа

0

вам нужно использовать jquery on() для динамически добавленных элементов

Artem Gorlachev 27 апр. 2014, в 07:41

0

и событие тоже.
mplungjan 27 апр. 2014, в 09:23
0

ну, я не правильно понял ваш вопрос. вы можете обернуть свой код внутри цикла в функции и вызывать его каждый раз, когда добавляется новый элемент
Artem Gorlachev 27 апр. 2014, в 09:33

Ещё вопросы

Как вы планируете добавлять элементы?
вам нужно либо найти событие для присоединения, либо запустить setInterval
@zuck вы можете использовать setInterval() или использовать любой обработчик событий для этого.
С какими браузерами вам нужно работать?
И вы хотите знать, когда элемент добавляется, или изменить этот элемент, когда он добавляется? Если последнее, что вы хотите с ним делать?
ну, я не правильно понял ваш вопрос. вы можете обернуть свой код внутри цикла в функции и вызывать его каждый раз, когда добавляется новый элемент

Brock Adams · Accepted Answer · 2014-04-27T08-12-00.000Z

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

MutationObserver
или
голосование

(Обратите внимание, что старшие события мутации устарели и не совпадают с наблюдателями мутаций.)

Кроме того, вам нужно будет отслеживать, какие узлы были сделаны, и не менять их повторно. Для этого есть утилита: waitForKeyElements. Он использует опрос и обрабатывает все накладные расходы. Вы не заметите замедления страницы.

Полный usercript, подходящий для Greasemonkey или Tampermonkey, который заменяет ваш код вопроса, используя waitForKeyElements:

// ==UserScript==
// @name     _Italicize People entries
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/

waitForKeyElements ("a.people", italicizePeople);

function italicizePeople (jNode) {
    $('<i>' + jNode.text() + '</i>').insertBefore (jNode);
}

Большое вам спасибо, Брок! Это именно то, что я пытался реализовать, но я не мог заставить свой MutationObserver прослушивать дочерние элементы.