需要幫助使用jQuery卸下襬臂上加載新的內容

Question

我有以下code（片斷）在我的網站：

的CSS：

#something li{ 
    display:block; 
    width:200px; 
    height:100px; 
    margin:5px; 
    border:1px solid #ccc; 
    background:#eee; 
    padding:5px; 
} 
.delete{ 

} 

的HTML：

<a class="addnew" href="#">Add new</a> 
<ul id="something"> 
    <li><a class="delete" href="#">Delete</a></li> 
    <li><a class="delete" href="#">Delete</a></li> 
</ul> 

的JavaScript：

jQuery(document).ready(function($) { 
    $('.delete').click(function(){ 
     $(this).parent().remove(); 
     return false; 
    }); 

    $('.addnew').click(function(){ 
      $('ul#something').append('<li><a class="delete" href="#">Delete</a></li>'); 
     return false; 
    }); 
}); 

我可以通過點擊添加項目添加一個新的列表項目，但是當我嘗試刪除它時，我不能。有沒有解決方案？

Answer 1

工作例如：http://jsfiddle.net/VgPsR/4/

$('.delete').click(function(){ 
    ... 
}); 

綁定一個事件處理這樣的影響目前在DOM只有那些元素。動態元素稍後將不具有此處理程序。要將處理程序附加到當前和將來的元素，您需要使用jQuery.live。

$('.delete').live('click', function(){ 
    ... 
});