jQuery append li не может быть удален

Question

Я пытаюсь добавить элементы списка со ссылками, и когда я пытаюсь их удалить, ничего не происходит. Но если я создаю элементы Li в моем HTML они удаляются ..

Мой Append code-

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

Мой удалить code-

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(); 
});