jQuery : comment interagir avec le contenu chargé par ajax ?

Question

Je réussis à charger du contenu grâce à l'utilisation de

jQuery(".menu li a").click( function(event){

    jQuery("#loadingArea").load(this.href)

});

Après le chargement du contenu, j'ai de nouveaux éléments dans ma page. J'ai essayé d'appliquer la manipulation jQuery (faire quelque chose quand je clique ou survole la souris), et l'élément ne répond pas.

Veuillez m'expliquer pourquoi je suis incapable de déclencher des événements dans un contenu qui a été chargé par ajax ?

La méthode .load() a-t-elle quelque chose à voir avec cela (c'est-à-dire que si j'avais utilisé $.ajax, je serais en mesure d'interagir avec ce contenu) ?

Merci,

Answer 1

.live() o .delegate() vous aidera ici. Parce que les nouveaux éléments ne sont pas présents au démarrage, au moment où vous liez les fonctions, ils ne seront pas appliqués. En utilisant live(), l'événement apparaît et vous pouvez lier un événement à celui-ci.