jQuery $ (this) .remove() không hoạt động sau khi gắn thêm

Question

Tôi có một div với class="tags" với một siêu liên kết được xác định trước.

<div class="tags"> 
    <a href="#">myLink</a> 
</div> 

Và tôi có chức năng xóa liên kết đó nếu người dùng nhấp vào liên kết đó.

$('.tags a').click(function() { 
    $(this).remove(); 
    return false; 
}); 

Và điều này làm việc với siêu liên kết được xác định trước. Nếu tôi thêm một mối liên hệ với sự giúp đỡ của jQuery (sau khi trang web được tải)

$('.tags').append('<a href="#">newLink</a>'); 

Chức năng để loại bỏ siêu liên kết (trên nhấp chuột) sẽ không được gọi bằng các, thêm liên kết. Làm thế nào để giải quyết điều này?

Answer 1

Bạn phải sử dụng trực tiếp chức năng:

$(".tags a").live("click", function() { 
    // ... 
}); 

Bởi vì bạn đang thêm các liên kết sau khi tải ban đầu, sự kiện nhấp chuột tiêu chuẩn sẽ không được binded đến các liên kết thêm năng động.

Answer 2

Sự kiện nhấp chuột của bạn chỉ được đính kèm với phần tử hiện tại không vào phần tử tương lai.Nếu bạn muốn thêm sự kiện này vào tất cả yếu tố bao gồm trong tương lai thì bạn phải sử dụng sự kiện trực tiếp trong jquery. http://jsfiddle.net/6cGvt/