javascript - jQuery - 替换图像，保留事件处理程序

Question

我目前有一个 jQuery 函数，可以在单击时替换图像。例如:

<script type="text/javascript">
    $('#test').click(function (event) {
        event.preventDefault();
        img = $('<img id="myImage" class="photo" src="newImage.jpg>');
        $("#myImage").remove().append(img);
    });

    $('#myImage').click(function (event) {
        event.preventDefault();
        alert("You clicked the image");
    });
</script>

我的 HTML 如下:

<a id="test">Click Here to Change Picture</a>

<div id="profilepic" class="fb6a">
    <img id="myImage" class="photo" src="oldImage.jpg>
</div>

所以，我注意到我“更改”了图片并将其替换为新的“图像”，我丢失了与新图像关联的事件处理程序，即使它具有相同的“ID”。

Answer 1

不太记得事件冒泡在 HTML DOM 中是如何进行的，但是您不能将单击处理程序附加到周围的 div 吗？这个肯定不会改变，而且它可能会避免在我看来像是某种泄漏的情况。