Javascript MutationObserver-如何监听特定元素的类更改？

我有一个滑块，希望根据哪个滑块处于活动状态触发事件。由于滑块本身不在我的控制范围内，因此我将使用mutationObserver解决方案，它可以监听幻灯片上的类更改

这是我到目前为止所拥有的，但它甚至没有进入console.log部分。可能是什么问题？它不会出错，只是不起作用

jQuery（文档）.ready（函数（$）{
var$slides=$（“#英雄滑块.swiper slide”）；
var观察者=新的突变观察者（功能（突变）{
突变。forEach（功能（突变）{
if（mutation.attributeName==“class”）{
console.log（'mutationobs worked'）；
if（$（$（'#hero slider.swiper slide.swiper slide active'）.attr（'data-swiper-slide-index'）==0）|（$（'#hero slider.swiper slide.swiper slide-Replicate active'）.attr（'data-swiper-slide-index'）==0））{
$（'#landing hero.elementor shape'）.css（'z-index'，'0'）；
}else if（$（“#hero slider.swiper slide.swiper slide active”）.attr（'data-swiper-slide-index'）==1）|（$（“#hero slider.swiper slide.swiper slide duplicate active”）.attr（'data-swiper-slide-index'）==1））{
$（'#landing hero.elementor shape'）.css（'z-index'，'5'）；
}
}
});
});
观察者。观察（$slides[0]{
属性：true
});
});

$slides[0]

仅选择第一张幻灯片。您需要一个循环来将观察者添加到所有幻灯片中。如果这仍然不能解决您的问题，那么我们需要看到一个工作示例，包括相关的HTML/CSS，以便重新创建问题event@RoryMcCrossan谢谢，但不幸的是这不是问题所在。我想这可能与观测现在已经过时这一事实有关？不，变异观测服务器仍然非常活跃。听起来@Andreas有最好的解决方案，假设这是正确的库，我会把这个问题作为一个家庭作业，来改进你的Google Fu；）