click() chức năng jquery không có sẵn trên divs mới

Question

Trong khi chạy trang web của tôi, tôi tạo các div mới bằng cách sử dụng jquery với lớp "a". Tôi đã xác định hàm click() cho lớp "a" như sau:

$(document).ready(function() { 
    $(".a").click(function(){ 
     $(".a").hide(); 
    }); 
}); 

Vấn đề là các div mới được tạo với cùng một lớp không gọi hàm này khi được nhấp. Các div khác với lớp "a" có lúc bắt đầu làm. Tôi đang làm gì sai?

Answer 1

$(document).delegate('.a', 'click', function() { 
    $(this).hide(); 
}); 

Answer 2

Hãy thử sử dụng các chức năng .live() mà cũng nên áp dụng cho các yếu tố DOM mới chèn phù hợp với chọn của bạn:

$(document).ready(function() { 
    $(".a").live('click', function(){ 
     $(".a").hide(); 
    }); 
}); 

Answer 3

Sử dụng phương pháp "sống".

http://api.jquery.com/live/

Answer 4

này cũng có thể làm việc.

(function($) { 
    $(document).ready(function() { 
    $('body').on('click', '.a', function() { 
     $(this).hide(); 
    }); 
    }); 
}(jQuery)); 

.on() gắn các sự kiện vào các điều khiển hiện tại và chưa có.