가격 콘텐츠가 변경되면 클래스에 요소 추가 JQuery DOMCharacterDataModified

Question

$ 값이 변경되면 가격 범위에 클래스를 추가하고 싶습니다. 제품을 추가 할 때 클라이언트를위한 더 나은 시각적 단서.

는 시도 :

$(document).ready(function() { 
    $('.cart-price').bind('DOMCharacterDataModified', function() { 
     $('.cart-price').addClass('change'); 

    var delay = setTimeout(function(){ 
     $('.cart-price').removeClass('change'); 
    }, 1100) 
    }); 
}); 

CSS :이되지 않습니다 mutation observersmutation events 때문에 사용하는 것이 더 좋을 것 같은

.cart-price.change 
{ 
    color:#F00; 
} 

Answer 1

보인다. 그러나 browser compatibility에 대한 인식 - IE < (11)는 지원하지 않습니다 그것은

$(document).ready(function() { 
    var $cartprice = $('.cart-price'); 

    if ('MutationObserver' in window) { 
     var observer = new MutationObserver(highlight); 
     observer.observe($cartprice[0], { 
      childList: true 
     }); 
    } else { 
     //for browsers which does not support MutationObserver 
     $cartprice.on('DOMSubtreeModified', highlight) 
    } 

    function highlight() { 
     $cartprice.addClass('change'); 

     var delay = setTimeout(function() { 
      $cartprice.removeClass('change'); 
     }, 1100) 
    } 
}); 

데모 : Fiddle