JQuery после изменения img источник привязки потерян

Question

Когда я меняю событие привязки источника изображения, оно больше не работает.

<img id='myImage' src='./images/myImage.png' />

 $(document).ready( function() {
     $("#myImage).bind("click", function(e) {
         //do something       
     });
 });

 function processFileUpload() {
     //...
     $("#myImage").attr("src", "images/" + fileName + ".png");
 }

После вызова processFileUpload () при повторном нажатии событие myImage click больше не работает. Как можно изменить источник изображения без потери привязки?

Answer 1

Попробуйте связать событие click с документом и присвойте всем вашим тегам img класс, подобный my-images:

$(document).ready(function(){
    $(document).on('click', '.my-images', function(e){
        processFileUpload($(this));
    });

    function processFileUpload($img){
        $img.attr("src", "images/" + fileName + ".png");
    }
});