часы для создания элемента dom?

Итак, в принципе у меня есть плагин, который я хочу вызвать в элементе, если он создан в dom,часы для создания элемента dom?

Например. допустим, у меня есть плагин с именем domWatch, который запускает функцию, если указанный селектор создается внутри селектора, на который он был вызван.

так:

$('#container').domWatch('.mySelector', function(element){ 
    $(element).myPlugin(); 
}); 

$('#container').append($('<div />', {class: 'mySelector'})); //the new element should now have the myPlugin plugin called on it.

Возможно ли это сделать?

источник

2012-11-03 Hailwood

LiveQuery - это способ сделать это, но если вы можете запускать событие вручную каждый раз, когда вы добавляете что-то в дом, это может иметь лучшую производительность. – SoonDead

Вы можете проверить что-то, называемое [События мутации] (https://developer.mozilla.org/en-US/docs/DOM/Mutation_events) или лучше [Наблюдатели мутаций] (https://developer.mozilla.org/en- США/документы/DOM/MutationObserver? redirectlocale = EN-US & redirectslug = DOM% 2FDOM_Mutation_Observers). Однако он еще не реализован во всех основных браузерах. – dreame4

Посмотрите на этот умный хак: http://www.backalleycoder.com/2012/04/25/i-want-a-damnodeinserted/. Он использует анимацию CSS3 для определения того, когда элемент был вставлен в DOM.

Проблема с «прослушиванием, когда создается элемент DOM» - это удар по производительности, поэтому, возможно, вам стоит рассмотреть другой подход к решению вашей проблемы.

Я уверен, что существует много способов упрощения вашей цели.

источник

2012-11-03 12:47:12

Это очень круто. – Holf

Внимание! События мутации устарели, вместо этого используйте Mutation Observer. –

Похож на Live Query. Хотя это связано с непрерывным опросом, который имеет успех.

Несколько demos.

источник

2012-11-03 12:41:27 Holf

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

https://developer.mozilla.org/en-US/docs/DOM/MutationObserver

источник

2012-11-03 12:48:09 kioopi

Это похоже на работу для delegated form of the .on() event:

делегированного события имеет то преимущество, что они могут обрабатывать событие от узлов, которые добавляются к документу в более позднее время , Выбрав элемент, который, как гарантируется, будет присутствовать во время присоединения делегированного обработчика событий , вы можете использовать делегированные события для , чтобы избежать необходимости часто прикреплять и удалять обработчики событий. Этот элемент может быть элементом контейнера представления в дизайне модели Model-View-Controller, например, или document, если обработчик события хочет контролировать все события пузырьков в документе. Элемент document доступен в начале документа до , загружая любой другой HTML-код, поэтому безопасно присоединять события там без , ожидая готовности документа.

источник

2013-01-08 09:42:22

Вы можете использовать библиотеку arrive.js, которые я разработал для этой же цели (внутренний Mutation Observers). Использование:

$('#container').arrive('.mySelector', function(){ 
    $(this).myPlugin(); 
});

источник

2014-03-31 19:51:58

часы для создания элемента dom?

ответ

Смежные вопросы