更改img源绑定后的JQuery丢失了

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");
 }

当我再次点击myImage事件时调用processFileUpload（）后再点击不再工作。如何在不丢失绑定的情况下更改图像源？

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");
    }
});