检测到链接类已更改[重复]

Question

可能重复：
jQuery中的类名更改事件

我正在沿bxsilder使用jquery。

我需要jquery来识别链接上的类更改，然后该类更改将使动画沿线显示。

在页面加载时，div1 .pager-active将图像沿线向左移动：15％按下下一步时，div2下的链接将获得.pager-active类，依此类推。

因此，我需要jquery来识别div2现在具有类.pager-active，以使img朝左移动：50％

下面是我一直在使用的代码，该代码可在div1的初始加载上工作，但在加载后未检测到任何类更改。

if( $('#div1 .pager-active').length){
    $('.line img').animate({'left' : '15%'},600);
        };

if( $('#div2 .pager-active').length){
    $('.line img').animate({'left' : '50%'},600);
        };

if( $('#div3 .pager-active').length){
    $('.line img').animate({'left' : '85%'},600);
        };

任何帮助都会很棒。

Answer 1

您可以在此处获取类更改事件：

jQuery中的类名更改事件

但您也可以尝试以下解决方案：

当按下next时，获取具有类.pager-active的div的ID。 为此使用getAttr（）。 获得ID后，将其删除，将其附加到下一个div并执行效果。

Answer 2

var oldClass = $("#div").attr('class');
if(oldClass != $("#div").attr('class');
{
 //Do something?
}

这样的事吧？

Answer 3

尝试DOMAttrModified事件：

document.getElementsById('div2').addEventListener('DOMAttrModified', function(e){
  if (e.attrName === 'style') {
    ...
  }
}, false);