Bắt lỗi tải img cho <img> thẻ được tạo sau khi tải trang (ví dụ: qua AJAX)

Question

Tôi đang sử dụng trình xử lý sự kiện error của jQuery để bắt lỗi tải hình ảnh. Có vẻ như sau:

$(function(){ 
    $('img').error(function(){ 
    // ... do something 
    }) 
}) 

Điều này phù hợp với hình ảnh trong DOM khi trang được tải. Tuy nhiên, tôi cũng muốn nắm bắt các lỗi cho các thẻ <img> cũng được chèn qua AJAX. Tôi không muốn chạy mã nhất định sau mỗi cuộc gọi AJAX.

Tôi muốn một cái gì đó như thế này, mặc dù điều này dường như không làm việc:

$('body').on('error', 'img', function(){ 
    // ... do something 
}) 

Answer 1

Nếu bạn không muốn thiết lập các ràng buộc sau mỗi cuộc gọi ajax, bạn có thể muốn đặt nó trong ajax toàn cầu hoàn chỉnh chức năng

//Gloabal Ajax Complete 
$("body").bind("ajaxSend", function(e, xhr, settings){ 
    //Sent 
}).bind("ajaxComplete", function(e, xhr, settings){ 
    //Complete 
    $('img').error(function(){ 
     // ... do something 
    }) 
}).bind("ajaxError", function(e, xhr, settings, thrownError){ 
    //Error 
}); 

Answer 2

bạn có thể sử dụng jQuery live() hoặc đại biểu() hoặc trên() phương pháp tùy thuộc vào phiên bản jQuery bạn đang sử dụng để đăng ký các sự kiện lỗi trên các yếu tố hình ảnh hiện tại và tương lai bạn thêm vào tài liệu. Tham khảo http://api.jquery.com/live/