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