jquery onclick不适用于追加标签

Question

我有附加<li>类标记的附加标记

HTML代码

<ul id="keyword">

</ul>

jQuery的

$("#btnadd").click(function() {
                addkey = document.getElementById("txtaddkey").value;
                if(addkey!=""){
                $('#keyword').append('<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>');
                $('#txtaddkey').val('');
                }
            });
    $(".close").click(function (){
                $(this).parent().remove();  
            });

在li附加到ul标签后,我尝试通过单击关闭图标删除li标签,但事件不起作用.

你可以请任何帮助我.

Answer 1

.delegate()在这里使用,像这样:

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

.delegate()通过在#keyword(<ul>)上添加一个事件处理程序来工作,该事件处理程序监听要冒泡的事件......它适用于当前和新添加的.close元素.效率较低的.live()版本如下所示:

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