Как назначить событие при добавлении нового класса JQuery?

Question

[CTS4]

При загрузке страницы у нас есть header c классом header-first.
<header id="header" class="header-first">
При определенных событиях скрипт прописывает в на наш header дополнительный класс new-header, получаем

<header id="header" class="header-first new-header">

Как отследить появление new-header в реальном времени, так как при загрузки страницы этого класса нет и появиться он только при определенных условиях. Интересует именно отслеживание добавление нового класса, а не события при котором этот класс дописывается.

Answer 1

[iBird Rose]

$("header").bind("DOMSubtreeModified", function() {
    //тут палишь появление класса
});

Comments

[CTS4]

Попробовал такой вариант

$("header").bind("DOMSubtreeModified", function() {
	       if($("#header").hasClass("new-header")){
                alert('!!!');
	       }
});

не работает.

[iBird Rose]

CTS4: хз как ты делаешь. все работает https://jsfiddle.net/mxpc1u36/

Answer 2

[Сергей Соколов]

Через MutationObserver можно. Пример (не мой).