Javascript n'affecte pas le code html ajouté avec javascript

Question

J'utilise jquery et uploadify pour télécharger des photos sur le serveur. Après avoir téléchargé des photos, ils sont ajoutés à un conteneur div en utilisant ajax. Tout fonctionne bien sauf le bouton DELETE. Tous les boutons de suppression fonctionnent sur le chargement de la page, mais ceux ajoutés via ajax ne fonctionnent pas. Je suppose que ce que je fonction définie qui permet la suppression d'images et ne pas utiliser mode de suppression (formulaire suppression) « classique »:

// Delete photo    
    $(".blog_slike .delete_slika").click(function() { 
     var commentContainer = $(this).parent().parent(); 
     var id = $(this).attr("id"); 
     var string = 'id='+ id ; 

     $.ajax({ 
      type: "POST", 
      url: "./include/ajax-edit/delete.php?polje=blog_slika", 
      data: string, 
      cache: false, 
      success: function(){ 
      commentContainer.fadeOut("slow"); 
      $('#load').fadeOut(); 
      }  
     }); 

     return false; 
    }); 

Toute idée de comment faire fonctionner le bouton après il est ajouté au code HTML en utilisant append() fonction ?

une chose ... à ajouter des photos à l'éditeur de tinymce J'utilise cette fonction:

<a href=\"javascript:;\" onmousedown=\"tinyMCE.execCommand('mceInsertContent',false,'$slike_u_sadrzaj');\">Ubaci sve slike u blog</a> 

... qui a également été ajouté à la charge de page. Comment puis-je ajouter du contenu à placer où se trouve $slike_u_sadrzaj et comment le supprimer?

Merci, Ile

Answer 1

Vous devez la méthode jquery live.

Ajouté dans jQuery 1.3: Associe un gestionnaire à un événement (comme cliquez) pour tout le courant - élément adapté - et futur. Peut également lier des événements personnalisés.

jQuery documentation

Exemple de code:

$(".blog_slike .delete_slika").live('click',function() {