jQuery AJAX Charger le contenu Problème

Question

J'ai un XHTML site Strict « main.php » avec un en-tête normale où jQuery et autres scripts sont chargés - aussi il y a un menu:

 <div id="tab"> 
      <ul> 
       <li><a href="#" onclick="content('load/feed.php');"><img src="feed_active.png" width="16" height="16" alt="Feed" /></a></li> 
       <li><a href="#" onclick="content('load/feed2.php');"><img src="feed2_off.png" width="16" height="16" alt="Feed2" /></a></li> 
      </ul> 
     </div> 

Sur Cliquez sur l'URL est chargée par l'intermédiaire jQuery.load(); dans le div # content. Tout fonctionne bien et aussi le CSS défini dans le main.php pour le fichier feed.php est ajouté à le #content div.

Maintenant le problème: dans le fichier chargé par ex. feed.php il y a une image

<img src="test.jpg"> 

j'ai ajouté ma propre jQuery.mouseover, la fonction mouseout - et il ne fonctionne pas! Aussi j'ai une entrée Box dans le main.php et dans le feed.php qui est chargé via AJAX il y a un lien par exemple.

<a href="#" onclick="jQuery('#entermessage').val('test');"> 

Cela ne fonctionne pas non plus, pourquoi? Je pensais que la page AJAX chargé est intégré au main.php? Mais tout mon JS/jQuery Stuff ne fonctionne pas?

Espérons que vous comprenez et espérons que vous pouvez aider?

Answer 1

Utilisez les gestionnaires d'événements live:

Associe un gestionnaire à un événement (comme clic) pour tous les cours - et futur - élément adapté. Peut également lier des événements personnalisés .

Tels que:

$('#myImage').live("mouseover", function() { 
    // do stuff 
}).live("mouseout", function() { 
    // do stuff 
}); 

$('#myLink').live("click", function() { 
    // do stuff 
});