Функция jQuery fire при изменении класса элемента класса

Question

Мне нужно вызвать событие, когда я добавляю определенный класс на кнопку, но я не знаю, как заставить его слушать событие добавления класса.

У меня есть что-то вроде этого:

<script type="text/javascript"> 

$(document).ready(function() { 


    $(id_element).addClass("active"); 

    //this function will fire on add "active" class to "id_button" element 
    function fireOnActiveClass() { 
     //do something 
    } 


} 

</script> 

Я не могу потрогать код $(id_element).addClass("active");, по нескольким причинам.

В настоящее время я использую JQuery 1.7.2

Не могли бы вы сказать мне, как или которые мне нужно знать?

Answer 1

Я нашел решение, используя этот плагин jQuery: http://meetselva.github.io/attrchange/

Answer 2

Вы изменяете класс элемента управления в своем коде. Так почему бы просто не называть нажатие кнопки при изменении класса?

$(id_element).addClass("active"); 
$(id_button).click(); 

$(id_button).click(function() { 
    if ($(this).hasClass) { 
    //do something 

    } 
}); 

Answer 3

При изменении класса события не происходит. В качестве альтернативы можно вручную вызвать событие, когда вы программно изменить класс:

$(document).ready(function() { 
    $(id_element).addClass("active").trigger('classChange'); 
    $(id_element).on('classChange', function() { 
     // do stuff 
    }); 
}); 

Answer 4

Другой способ будет вызывать функцию сразу после добавления класса как:

$.fn.classAdded = function() { 
    var $button = $(this); 
    if($button.hasClass('id_button')) { 
     // ... 
    } 
    return $button; 
} 

$(id_element).addClass("active").classAdded(); 

Answer 5

Может ли это использовать jQuery-плагин?

https://github.com/tormjens/jquery-dom-router

Вы можете изменить элемент по умолчанию с помощью $.DOMRouter.defaults.element = '#element'; перед тем initalizing плагин.