Question

可能重复：
Class name change Event in jQuery

我在bxsilder旁边使用jquery。

我需要jquery来识别链接上的类更改，然后在一行上为图像设置动画。

在页面上加载div1 .pager-active将图像沿左侧移动：15％当按下next时，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

您可以在此处发布课程更改事件：

Class name change Event in jQuery

但你也可以尝试这个解决方案：

当按下next时，获取具有类.pager-active的div的id。为此使用getAttr（）。获得id后，删除它的类，将class附加到下一个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);

检测链接类是否已更改

3 个答案: