1

可能重复：
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);
        };

任何帮助都会很棒。

4

3 回答 3

0

尝试DOMAttrModified事件：

document.getElementsById('div2').addEventListener('DOMAttrModified', function(e){
  if (e.attrName === 'style') {
    ...
  }
}, false);
于 2012-05-24T13:45:51.100 回答
0

您可以获取此处发布的课程更改事件：

jQuery中的类名更改事件

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

按下下一个时，获取具有类 .pager-active 的 div 的 id。为此使用 getAttr()。获得 id 后，删除它的类，将类附加到下一个 div 并执行效果。

于 2012-05-24T13:33:47.017 回答
0 
var oldClass = $("#div").attr('class');
if(oldClass != $("#div").attr('class');
{
 //Do something?
}

可能是这样的吗？

于 2012-05-24T13:34:03.057 回答