Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail


Ответ
 
Опции темы
Старый 18.09.2018, 13:16   #1
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 375
Репутация: 15
Счастье Как отследить динамическое добавление элемента в div, ul и т.п.?

Здравствуйте!
Подскажите пожалуйста, как отследить добавление в div, например, ul? или li в ul...

Код:

          
          <div id="myD">
                    <ul><!-- создается динамически -->
                       <li class:="myC">...</li><!-- добавляется динамически -->
                  </ul>
           </div>

Женя32 вне форума   Ответить с цитированием
Старый 18.09.2018, 13:23   #2
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 16,969
Репутация: 3316

icq: 512-765
skype: alexp.frl
По умолчанию

Зачем? Есть MutationObserver, но обычно есть более простые варианты.
Alex11223 вне форума   Ответить с цитированием
Старый 18.09.2018, 15:53   #3
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 375
Репутация: 15
Счастье

Что-то не срабатывает...
Я правильно сделал?:

Код:

       
         var target = document.querySelector(".myD ");
         var observer = new MutationObserver(function(mutations) {{ 
                      mutations.forEach(function(mutation) {
                               alert("Сработало!");
                           });
                   });
                var config = { attributes: true, childList: true, characterData: true };


Последний раз редактировалось Женя32; 18.09.2018 в 15:55.
Женя32 вне форума   Ответить с цитированием
Старый 18.09.2018, 18:16   #4
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 375
Репутация: 15
По умолчанию

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
... обычно есть более простые варианты.
Какие?... Можно примерчик?...
Женя32 вне форума   Ответить с цитированием
Старый 18.09.2018, 18:28   #5
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 16,969
Репутация: 3316

icq: 512-765
skype: alexp.frl
По умолчанию

Смотря для чего.

Цитата:
Сообщение от Женя32 Посмотреть сообщение
Что-то не срабатывает
https://learn.javascript.ru/devtools
https://learn.javascript.ru/debugging-chrome
http://blog.algoprog.ru/how-to-debug-small-programs/
Alex11223 вне форума   Ответить с цитированием
Старый 18.09.2018, 18:42   #6
Serge_Bliznykov
МегаМодератор
СуперМодератор
 
Регистрация: 09.01.2008
Сообщений: 24,321
Репутация: 5258
По умолчанию

Цитата:
Сообщение от Женя32 Посмотреть сообщение
Подскажите пожалуйста, как отследить добавление в div, например, ul? или li в ul...
а подскажите, пожалуйста, а кто у Вас такой таинственный, без вашего ведома добавляет в DOM новые объекты?
Serge_Bliznykov вне форума   Ответить с цитированием
Старый 18.09.2018, 21:09   #7
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 375
Репутация: 15
По умолчанию

Цитата:
Сообщение от Serge_Bliznykov Посмотреть сообщение
а подскажите, пожалуйста, а кто у Вас такой таинственный, без вашего ведома добавляет в DOM новые объекты?
Функция....
Женя32 вне форума   Ответить с цитированием
Старый 18.09.2018, 21:13   #8
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 375
Репутация: 15
По умолчанию

Посмотрите пример...: https://jsfiddle.net/x597jqu1/52/
Женя32 вне форума   Ответить с цитированием
Старый 18.09.2018, 21:45   #9
ADSoft
Профессионал
 
Регистрация: 25.02.2007
Адрес: Татарстан
Сообщений: 3,245
Репутация: 912

icq: 303-206-418
skype: ad-soft.info
По умолчанию

В принципе на вновь добавляемые элементы DOM подписываются через
Код:

$(".genli").on("click",function(e) {})

ADSoft вне форума   Ответить с цитированием
Старый 18.09.2018, 22:25   #10
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 375
Репутация: 15
По умолчанию

Цитата:
Сообщение от ADSoft Посмотреть сообщение
В принципе на вновь добавляемые элементы DOM подписываются через
Код:

$(".genli").on("click",function(e) {})

Вот: https://jsfiddle.net/x597jqu1/71/ почему-то не добавляется...
Женя32 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[Решено]: Как прикрепить вложенный div к верху родительского элемента div? Женя32 HTML и CSS 2 29.09.2016 14:24
Javascript добавление div элемента 803 JavaScript, Ajax 2 10.04.2013 22:54
QListWidget как реагировать на добавление элемента Farrel Qt и кроссплатформенное программирование С/С++ 3 20.04.2011 23:33
Ширина div элемента Maycal HTML и CSS 3 09.03.2011 12:46


06:47.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru