Ajout d'un événement à un élément généré dynamiquement

Question

Comment ajouter un événement à un élément qui a été chargé par AJAX.

jQuery a live, mais quel est l'équivalent de Mootools?

Par exemple:

window.addEvent('domready', function() { 
    // some code which loads new elements by ajax 

    // Filter 
    $$('.filterButton').addEvent('click', function(event) { 
     alert('wow'); 
    }); 
}); 

Answer 1

les Mootools équivalent est par delegatorElement.addEvent("event:relay(mask)", fn); où event peut être standard bouillonnant (cliquez, mouseover/out/congé/entrer, etc.) ou non-bulles (flou, mise au point, changer, etc.) .

dans votre code qui va comme:

$(document.body).addEvent("click:relay(.filterButton)", function(event, element) { 
    console.log(event, element === this); // event obj, true 
}); 

il est préférable d'ajouter l'événement à un élément plus haut le Royaume, comme document.id("delegatorId")

plus ici:

http://mootools.net/docs/core/Element/Element.Delegation

gardez à l'esprit, la délégation d'événements est dans mootools-core depuis 1.4 - il était dans mootools - plus avant, ce qui signifie une custo m construire.