刪除動態預加divs

Question

我試圖創建一個Facebook風格的新聞源。使用jquery，我設法設置它，以便用戶可以添加新的newsitems，然後在不刷新頁面的情況下刪除它們。刪除功能對我已直接添加到HTML中的新聞項目工作正常，但我無法刪除使用文本字段動態創建的項目。

這是一個相當複雜的問題，所以我重新它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文檔。