jQuery Girl
  1. jQuery Girl
  3. mutation observateur production boucle infinie
Intereting Posts
Fancybox peut-il être réactif uniquement horizontalement pour les contenus de grande taille? Rails ajax request load voir html uniquement Simuler le survol à l’aide de jQuery boucle table html en utilisant jquery et for loop en utilisant jQuery pour changer la visibilité des divs avec du contenu nested, onclick jQuery colorbox: Comment changer la position de la colorbox Comment vérifier si l’élément n’est pas le premier-enfant? jqgrid autocompete change une autre colonne Obtention d’une erreur 404 lors de l’utilisation de jQuery pour publier sur WordPress Ajax pour un plugin Faire pivoter l’image sur bascule avec jQuery Comment définir dynamicment l’URL Ajax d’un dataTable? Créer un élément Canvas avec une image et l’append au parent Afficher / masquer plusieurs div en fonction d’une valeur dans leur atsortingbut Comment rompre une ligne dans l’infobulle jQueryUI Désactiver le bouton ‘Soumettre’ pour la valeur sélectionnée dans le menu déroulant

mutation observateur production boucle infinie

J’écris une fonction en utilisant l’observateur de mutation avec jQuery pour enregistrer les modifications apscopes au DOM, en particulier lorsqu’un nouveau nœud est ajouté afin que je puisse modifier son contenu: 

$("SELeCTOR GOOD" ).click(function(){ var targetNode = $(this).find('.content').get(0); var config = { atsortingbutes: true, childList: true, subtree: true, atsortingbuteOldValue: true }; // Callback function to execute when mutations are observed var callback = function(mutationsList) { for(var mutation of mutationsList) { if (mutation.type == 'childList') { var courses = $(targetNode).find('.courses').get(0); $(courses).find('.coursebox.clearfix').each(function( index,item ) { var attacherURL = $(item).find('.coursename a').attr('href'); var moreInfoURL = 'More info'; var oldHTML = $(item).find('div.moreinfo').html(); var newHTML = moreInfoURL + oldHTML; //this following line is supposed to replace the html, but it creates an infinite loop $(item).find('div.moreinfo').html(newHTML); //end }); } else if (mutation.type == 'atsortingbutes') { console.log('The ' + mutation.atsortingbuteName + ' atsortingbute was modified.'); } } };

J’ai aussi essayé append / prepend, mais tout crée la même boucle infinie. Comme d’habitude, toute aide est grandement appréciée.

Cordialement