Discussion :

[DiverSIG]

Bonjour,

Dans un formulaire, j'ai une div avec une class myClass.
J'ai un bouton avec un evenement click qui me permet d'ajouter une autre div avec la classe myClass.

Dans mon code jQuery, je met un détecteur d'événement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$(".myClass").on("DOMSubtreeModified", function(e){
 
		var collection = document.getElementsByClassName("myClass");
		console.log(collection.length);
.....

Mais que ce soit avant ou après avoir cliqué sur le bouton, ça me détecte toujours une seule div avec la class myClass.
Pourquoi?

Merci,
Nico

[SpaceFrog]

Que te retournerait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var collection = $(".myClass");
console.log(collection.length);

[DiverSIG]

il ne détecte toujours qu'un seul élément.

Nico

[SpaceFrog]

Quel evenement essaye tu de capter avec DOMSubtreeModified


"This event has been deprecated in favor of the Mutation Observer API"

[SpaceFrog]

Sinon essaye bind ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".myClass").bind("DOMSubtreeModified", function(e){

quoi que
https://jsfiddle.net/80Lq7omu/
^^

Mais au vu de la console qui hurle

Deprecation] Listener added for a synchronous 'DOMSubtreeModified' DOM Mutation Event.
This event type is deprecated (https://w3c.github.io/uievents/#legacy-event-types) and work is underway to remove it from this browser.
Usage of this event listener will cause performance issues today, and represents a risk of future incompatibility.
Consider using MutationObserver instead.