Skip to content

Instantly share code, notes, and snippets.

@jleehr
Last active August 11, 2022 22:42
Show Gist options
  • Save jleehr/5eac17fc224dfa3afd597a92b238a9f6 to your computer and use it in GitHub Desktop.
Save jleehr/5eac17fc224dfa3afd597a92b238a9f6 to your computer and use it in GitHub Desktop.
Detection if an element is added to DOM
// Detection if an element is added to DOM
function onElementInserted(containerSelector, elementSelector, callback) {
var onMutationsObserved = function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.addedNodes.length) {
var elements = $(mutation.addedNodes).find(elementSelector);
for (var i = 0, len = elements.length; i < len; i++) {
callback(elements[i]);
}
}
});
};
var target = $(containerSelector)[0];
var config = { childList: true, subtree: true };
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
var observer = new MutationObserver(onMutationsObserved);
observer.observe(target, config);
};
// Usage
onElementInserted('containerSelector', '.elementSelector', function(e){
alert('Element added to the DOM');
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment