domsubtreemodified - domnodeinserted jquery

DOMNodeInserted en IE

Question

¿Por qué este código no funciona en IE? Por favor, ayuda a solucionarlo:

jQuery(''body'').live(''DOMNodeInserted'',function(e){
    var parent = jQuery(e.target).parent();
    parent.find("a").css(''color'',''#AA62C6'');
    parent.find(''a'').removeAttr(''onmousedown'');
});

Answer 1

Use onreadystatechange para IE:

var parent;

if (!!document.addEventListener)
  {
  jQuery(''body'').live(''DOMNodeInserted'',function(e){
    parent = jQuery(e.target).parent();
    parent.find("a").css(''color'',''#AA62C6'');
    parent.find(''a'').removeAttr(''onmousedown'');
    });
  }
else
  {
  jQuery("body").get(0).addBehavior("foo.htc");
  jQuery(''body'').get(0).attachEvent(''onreadystatechange'',function(e){
    parent = jQuery(e.target).parent();
    parent.find("a").css(''color'',''#AA62C6'');
    parent.find(''a'').removeAttr(''onmousedown'');
    });  
  }

Answer 2

Este evento no es compatible con IE. Esto se agrega a IE9 pero parece tener errores en la implementación.

Una solución será manejar la manipulación dom en la base (el método que está cambiando el nivel dom).

function update(){
    //do some dom manipulation
    $(window).trigger(''customupdatedom'', parent);
}
$(window).on(''customupdatedom'', function(e, parent){
    //handle dom change
})

También puede leer lo siguiente
¿DOMNodeInserted equivalent en IE?
Evento DOMNodeInserted