2012-05-24 41 views
1

可能重複:
Class name change Event in jQuery檢測到鏈路級已經改變

我使用jquery沿邊bxsilder。

我需要jQuery來識別鏈接上的類更改,然後沿着一條線爲圖像添加動畫。

在頁面加載div1上.pager-active將圖像沿着線移動到左側:15% 當下一個按下時,div2下的鏈接將獲得類.pager-active,等等。

所以我需要的jQuery認識到DIV2現在有類.pager活性那裏動畫在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); 
     }; 

任何幫助將是偉大的。

回答

0

張貼在這裏你可以得到的類更改事件:

Class name change Event in jQuery

但你可以嘗試這種解決方案也:

未來時按下,讓上課的div的ID .pager-活躍。爲此使用getAttr()。 一旦你有了id,就把它移除,把class附加到下一個div並執行效果。

+0

感謝和它有一些影響,但我怎麼能使其獨特爲每個3周的div?目前我只能在添加$('。line img')時才能使用它。animate({'left':'5%'},600); – user1415102

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

這樣的事情可能嗎?

0

嘗試DOMAttrModified事件:您的鏈接,我已經試過鏈接

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

不幸我無法得到這個爲我工作 – user1415102

相關問題