Обнаруживать, что класс ссылку изменился

Question

Можно создать дубликат:
Class name change Event in jQuery

Я использую JQuery вдоль боковой bxsilder.

Мне нужен jquery, чтобы распознать изменение класса по ссылке, которая затем будет анимировать изображение вдоль линии.

На странице load div1 .pager-active перемещает изображение вдоль линии влево: 15% При следующем нажатии ссылка под div2 получает класс .pager-active и так далее.

Так что мне нужно JQuery, чтобы признать, что div2 теперь имеет класс .pager-активное вещество там оживляющий IMG налево: 50%

Ниже приведен код, который я работал, с которой работает на начальной загрузки для див1 но не обнаруживает никаких изменений класса после загрузки.

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

, но вы можете попробовать это решение тоже:

При следующем нажатии, получить идентификатор сНа, имеющий класс .pager- активный. Для этого используйте getAttr(). Как только у вас есть идентификатор, удалите его класс, добавьте класс в следующий 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);