How do I attach load event handlers to dynamically created images?

问题

I am trying to attach a load event handler to images like this:

$(document).on('load', '.mini img', function(){
    $(this).prev().hide();
    $(this).fadeIn(500);
});

Can anyone explain why this isn't working? Images are simply formed using information gotten through an ajax request and inserted using append method. A lot of people had this problem and i wonder what the solution was.

来源：https://stackoverflow.com/questions/25168161/how-do-i-attach-load-event-handlers-to-dynamically-created-images