Après append() comment lier un événement click à l'élément venez d'ajouter

Question

J'ai ce code

$(".delete2").click(function() { 
    $('#load2').fadeIn(); 
} 

Je dynamiquement ajouté élément via ce retour

addSubcategory = function(){ 
     sucategorynameval = $("#sucategoryname").val(); 
     categoryId  = $("#addcategoryid").val(); 
     $.get("process-add-subcat.php", { "action": "add_subcategory", "sucategoryname": sucategorynameval, "categoryId":categoryId }, 
       function(data){ 
       //$("#main-cat-"+categoryId).load(location.href+"&pageExclusive=1 #main-cat-"+categoryId+">*",""); 
       $("#main-cat-"+categoryId).append(data); 
       $("#addcategoryid").val(''); 
       $("#sucategoryname").val(''); 
       }); 

Les données renvoyées contient delete2 élément classé .

Comment appliquer l'événement click au nouvel élément ajouté?

Answer 1

bien vous pouvez juste rebind avec la même fonction de clic que vous avez utilisé avant ou que vous utilisez .live() http://api.jquery.com/live/

Answer 2

Remplacer

$(".delete2").click(function() { 
    $('#load2').fadeIn(); 
} 

avec

$(".delete2").live('click', function() { 
    $('#load2').fadeIn(); 
}); 

De cette façon, la l'événement click est lié à tous les éléments existants dans la future création avec la classe .delete2

Answer 3

$(<parent selector>).on('click', '.delete2', function() { alert('test'); }); 

Changer le sélecteur de parent à l'identifiant ou la catégorie de l'élément parent