Question

J'ajoute un nouvel élément par html() fonction de jQuery. Ensuite, je veux le manipuler. Est-il possible de faire cela comme vous le voyez ici?

$("#renamePlaylist").click(function(){ 
    var aa = '<input type="text" name="plst_name" value="'+$("#playlist_header").find("span").text()+'" size="'+Math.round($("#playlist_header").find("span").text().length/2)+'">'+ 
       '<input id="renameCurrent" type="image" name="+" value="submit" alt="+">'; 
    $("#playlist_header").find('span').html(aa);     
}); 

$("#renameCurrent").click(function(){ 
    alert('hello') 
}); 

Answer 1

Vous pouvez utiliser .live(), comme ceci:

$("#renameCurrent").live('click', function(){ 
    alert('hello') 
}); 

Ou, exécutez la liaison après l'avoir créé, comme ceci:

$("#renamePlaylist").click(function(){ 
    var aa = '<input type="text" name="plst_name" value="'+$("#playlist_header").find("span").text()+'" size="'+Math.round($("#playlist_header").find("span").text().length/2)+'">'+ 
      '<input id="renameCurrent" type="image" name="+" value="submit" alt="+">'; 
    $("#playlist_header").find('span').html(aa); 
    $("#renameCurrent").click(function(){ alert('hello'); }); 
}); 

Answer 2

Vous pouvez utiliser .delegate() pour gérer des éléments sont ajoutés dynamiquement au conteneur #playlist_header.

$("#playlist_header").delegate('#renameCurrent', 'click', function(){ 
    alert('hello'); 
}); 

Ou tout simplement ajouter le gestionnaire .click() lorsque vous créez l'élément.

$("#renamePlaylist").click(function(){ 
    var $aa = $('<input type="text" name="plst_name" value="'+$("#playlist_header").find("span").text()+'" size="'+Math.round($("#playlist_header").find("span").text().length/2)+'">'+ 
      '<input id="renameCurrent" type="image" name="+" value="submit" alt="+">'); 
    $aa.filter('#renameCurrent').click(function() { 
      alert('hello'); 
    }); 
    $("#playlist_header span").html($aa); // Edit from @Nick's comment.   
});