jquery - 当元素改变它的类时触发事件

Question

我已经实现了 this在我的网页上放映幻灯片。如果继续右键单击，然后选择 Inspect Element，您可以看到此幻灯片的元素。

我想在 jQuery 中添加将触发的事件，每次在此幻灯片中加载新图像时。我注意到每次更改图像时，id=supersized 的 ul 元素的类都会将类从 quality 更改为 < em>speed 循环。所以我在想，每当这个元素的类发生变化时，我都可以触发事件。

我已经尝试过图像加载事件，但我没有得到想要的结果，因为似乎所有图像都是在开始时加载的，而不是在幻灯片放映时加载的。

如果有比类更改事件更好的解决方案，它也是可以接受的。所以我需要在幻灯片中的图像发生变化时发生一些事情。

如果可能的话，我不想在解决方案中使用 setTimeout() 函数，因为它会检查循环中的变化，这会减慢页面速度。

Answer 1

According to Answer by @epascarello
Javascript

function addClassNameListener(elemId, callback) {
    var elem = document.getElementById(elemId);
    var lastClassName = elem.className;
    window.setInterval( function() {   
       var className = elem.className;
        if (className !== lastClassName) {
            callback();   
            lastClassName = className;
        }
    },10);
}

---

一些只对评论感兴趣而不是帮助的人提出特殊要求
Working Fiddle

使用 this plugin it is possible

$('#me').observe({
        attributes: true,
        attributeFilter: ['class']
    }, function (record) {
        console.log(record);
        fireMe();
});

希望这就是您要找的..!!