删除动态前置div

Question

我试图创建一个facebook风格的新闻源。使用jquery，我设法设置它，以便用户可以添加新的newsitems，然后删除它们而不刷新页面。删除功能对我直接添加到HTML中的新闻项目工作正常，但我无法删除使用textfield动态创建的项目。

这是一个非常复杂的问题，所以我在jFiddle上重新创建了它：http://jsfiddle.net/Gefgj/

Answer 1

要使其适用于动态添加的条目，请更改以下行：

$('.delete_news_item').click(function(){

到此：

$('.delete_news_item').live('click', function(){

或者，如果您使用的是jQuery 1.7，则可以使用新的`.on()'方法。

您可以在此处查看：http://jsfiddle.net/jfriend00/tbaAU/

.live('click', ...)将与新创建的项目以及预先存在的项目挂钩。 .click(...)只会连接到运行该行代码时存在的项目。有关详细信息，请参阅jQuery doc for .live(); .on请参阅jQuery文档。