jquery onclickがappendタグで動作しない

Question

<li>タグをクローズクラスのスパンタグ付きで追加しました

xi xxxxイベントは機能しません。

助けてください。

Answer 1

あなたは、新たに要素の作成に直接clickを割り当てることができます：

$("#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(''); 
      } 
     }); 

または使用し、これらのいくつかのより良いがあるように起こっているかを.delegate() （in @Nick's answer参照）。

Answer 2

このような使用ここ.delegate()、：それは現在と新しく追加された.close要素上で動作バブルまでのイベントをリッスン#keywordにイベントハンドラを追加することにより、

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

.delegate()作品（<ul>）...その下に効率の低いバージョンは、次のようになります。

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