javascript - 用于更改元素的类属性的 Jquery 事件

Question

我需要在元素的类属性更改时执行 JQuery 代码。例如，最初元素将是:<div class="my-class"> .所以，当一个新类被添加到这个 div 时，(即 <div class="my-class new-class"> ，我必须触发一个 JQuery 代码。

我如何在 JQuery 中执行此操作？是否有属性变化事件？

Answer 1

如果您完全无法判断外部函数何时更改类(例如，自定义事件)，您将不得不执行如下操作:

$(document).ready(function(){

    // Cache the required element
    window.elementInQuestion = $('#element-that-changes-class');

    function checkClass(){
        if (window.elementInQuestion.hasClass('new-class')) {
            // Trigger a custom event
            $(document).trigger('elementHasClass');

            // If you need the check only until the first time the class appears
            // you can cancel further checks here
            clearInterval(window.classCheckerInterval);
        }
    }

    // Check if an element has class every once in a while
    window.classCheckerInterval = setInterval(checkClass, 100);

    $(document).bind('elementHasClass', function(){
        // Your handler here
    });
});