Javascript 每当其div父容器类更改时,运行jquery函数

Javascript 每当其div父容器类更改时,运行jquery函数,javascript,jquery,html,css,Javascript,Jquery,Html,Css,每当其div父容器..变为“活动”时,我想运行下面的函数,例如.. $(.skills-grid\uu col”)。每个(函数(){ var left=$(this.data('left'); $(此)。设置动画({ 不透明度:1, 左:左 }, 1200); }); 在这种情况下,我应该使用哪种类型的事件?如果您想支持旧浏览器,那么可以对事件做的事情就不多了 如果放弃对IE10的支持是可以的,那么您可以使用,当元素发生更改时,会收到通知: var observer = new Mutatio

每当其div父容器
..
变为“活动”时,我想运行下面的函数,例如
..

$(.skills-grid\uu col”)。每个(函数(){
var left=$(this.data('left');
$(此)。设置动画({
不透明度:1,
左:左
}, 1200);
});

在这种情况下,我应该使用哪种类型的事件?

如果您想支持旧浏览器,那么可以对事件做的事情就不多了

如果放弃对IE10的支持是可以的,那么您可以使用,当元素发生更改时,会收到通知:

var observer = new MutationObserver(function(mutations) {
  if ($yourElement.hasClass('active')) {
     // do things
  }
});
observer.observe($yourElement[0], {attributes: true});

如果您不能删除IE10,并且假设您不想定期检查元素,那么您必须钩住类更改的部分,这通常是最好的解决方案。当然,如果
窗口,您也可以通过定期检查类来编写垫片。MutationObserver
未定义的

更好的方法是从实际更改类的代码中触发一些事件。如果您可以访问使容器“活动”的事件,把你的代码放进去。我计划支持IE9+,但感谢你提供了可能的解决方案。在这种情况下,将函数与类发生更改的事件挂钩似乎是唯一合适的解决方案。谢谢
var observer = new MutationObserver(function(mutations) {
  if ($yourElement.hasClass('active')) {
     // do things
  }
});
observer.observe($yourElement[0], {attributes: true});