jQuery append li不能被刪除

Question

我想添加列表項與鏈接，當我試圖刪除它們什麼也沒有發生。但是，如果我在HTML創建項目裏他們得到去除..

我追加代碼 -

fileInput.append('<li><span>' + fileurl + '</span><a><img src="/remove-slide.png" /></a></li>'); 

我刪除代碼 -

jQuery('li a').click(function() { 
    jQuery(this).parent('li').remove(); 
}); 

當我使用相同的附加代碼靜態的HTML，我可以刪除它沒有問題。但是當我使用append添加這些行時，什麼都不會發生。 我該如何解決這個問題？ :)

Answer 1

您需要使用事件委託，你是動態添加li元素：

jQuery('body').on('click','li a'function() { 
    jQuery(this).parent('li').remove(); 
});