jquery onclick append etiketleri için çalışmıyor

Question

<li> etiketine sahip <li> etiketine sahip

xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx xzx ama olay çalışmıyor.

Lütfen bana yardımcı olabilir misiniz?

Answer 1

Sen yeni oluşturmak elemana doğrudan click atayabilirsiniz in @Nick's answer görüldüğü gibi.

Answer 2

Kullanım .delegate(),: bir olay işleyicisi ekleyerek

$("#keyword").delegate(".close", "click", function(){ 
    $(this).parent().remove(); 
}); 

.delegate() eserler #keyword (<ul>) yukarı yükselmesinin olaylarını dinler ... mevcut ve yeni eklenen .close elemanları üzerinde çalışır Onun altında. az verimli sürümü şuna benzer: iyi Bunlardan birkaç olacaksa eğer

$("#btnadd").click(function() { 
      // Made it a local variable by using "var" 
      var addkey = document.getElementById("txtaddkey").value; 
      if(addkey!=""){ 
       $('<li><span>'+addkey+'</span><span class=\"amountin\"><a href=\"#\">$0.05</a> $ <input type=\"text\" maxlength=\"5\"/></span><span class=\'close ui-icon \'></span></li>') 
        .find('.close').click(function(){ 
         $(this).parent().remove(); 
        }) 
        .end().appendTo('#keyword'); 
       $('#txtaddkey').val(''); 
      } 
     }); 

veya .delegate() kullanmak:

$(".close").live("click", function(){ 
    $(this).parent().remove(); 
});