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

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

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

Ответ
 
Опции темы
Старый 13.09.2017, 16:53   #1
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 250
Репутация: 15
Счастье MutationObserver отследить появления элементов

Здравствуйте!
Подскажите пожалуйста, как отследить появления элемента на страницы?

Код:

	var observer = new MutationObserver(function (mutation) {
	  alert('Я здесь))');
   });

Женя32 вне форума   Ответить с цитированием
Старый 13.09.2017, 17:20   #2
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 14,848
Репутация: 2903

icq: 512-7шесть5
skype: alexp.frl
По умолчанию

https://developer.mozilla.org/en-US/...#Example_usage
Alex11223 вне форума   Ответить с цитированием
Старый 13.09.2017, 21:29   #3
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 250
Репутация: 15
Счастье

Почему-то пишет: не удалось выполнить 'наблюдать':
script.js:538 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
Код:

var target = document.getElementById('did');
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
	alert('Вот и я');
  });    
});
// configuration of the observer:
var config = { attributes: true, childList: true, characterData: true };
observer.observe(target, config);

В консоле вот эта строка подчеркнута:
observer.observe(target, config);
Женя32 вне форума   Ответить с цитированием
Старый 14.09.2017, 20:08   #4
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 250
Репутация: 15
Счастье

Подскажите пожалуйста, как отследить появления на страницы нового элемента?

Я разные способы перепробовал, но ни один не сработал.

Код:

	var observer = new MutationObserver(function(mutations) {
            if(!document.getElementById("#reg_phone-error")){
    alert('Я здесь))');
    observer.disconnect();
  }
});
$('#la').on("DOMNodeInserted", function (event) { alert('Я здесь!'); });
$('#la').on('appendCompleted', function(){
    alert('Я здесь!');
});
$('#la').on('click', '.elem', function(){alert('Я здесь!')});

Женя32 вне форума   Ответить с цитированием
Старый 14.09.2017, 20:16   #5
pompiduskus
юзер как все
Профессионал
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Адрес: земля
Сообщений: 1,559
Репутация: 581

icq: 446.452.423
По умолчанию

Ты не дождался загрузки DOM;

Код:

<!DOCTYPE html>
<html lang="en-US">
<head>

    <title>Page-Title</title>
    <meta charset="utf-8"/>

    <script type="text/javascript">
    window.addEventListener('load', function(){

        // select the target node
        var target = document.getElementById('some-id');
         
        // create an observer instance
        var observer = new MutationObserver(function(mutations) {
          mutations.forEach(function(mutation) {
            console.log(mutation.type);
          });    
        });
         
        // configuration of the observer:
        var config = { attributes: true, childList: true, characterData: true };
         
        // pass in the target node, as well as the observer options
        observer.observe(target, config);
         
        // later, you can stop observing
        observer.disconnect();    

    })
    </script>

</head>
<body>
<!-- ========================================================== -->
<div id="some-id"></div>

<!-- ========================================================== -->
</body>
</html>

__________________
<Дзен - Вся вселенная в тебе > | <Рай - это всего лишь мечта терпящего страдания ада> | github.com/ch3ll0v3k
pompiduskus вне форума   Ответить с цитированием
Ответ



Опции темы

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

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

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

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Синхронизация появления элементов на форме (Dephi) Andrey_RTF Помощь студентам 5 29.05.2012 21:32
Причины появления ошибок mazzahaker Общие вопросы C/C++ 6 12.12.2011 11:28
Задержка появления строк darkahoy Общие вопросы .NET 6 12.11.2010 22:57
Рисунок. Метод появления. NSvirus Паскаль 1 23.06.2009 01:40
Найти (в процентах) частоту появления каждого из m наиболее часто встречающихся элементов sk1p Паскаль 2 26.09.2008 23:57




04:19.


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

купить трафик


как улучшить посещаемость, а также решения по монетизации сайтов, видео и приложений

RusProfile.ru


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