更改图像jquery保持onclick

Question

我有一个想通过jquery改变的图像：

<div id="imagepr">
  <img class="imageprofile" src="$picimgprofile" alt="img" onclick="show_popup('popup_upload')>
</div>

问题是，我只想更改IMAGE（.imageprofile）并在其后允许再次调用onclick函数。

如果我这样改变：

$("#imagepr").html(data);

它会破坏onclick; 而这：

$(".imageprofile").html(data);

无效。

有什么不对？我怎样才能改变图像后保留onclick？

Answer 1

您只能更新图片的src属性，这样您就不会丢失onclick属性：

$(".imageprofile").attr("src","new-image-source");

Answer 2

如果你正在使用jQuery，你可能不想使用内联onclick事件处理程序。而是使用jQuery附加click事件

$('#imagepr').on('click','.imageprofile',function(){
   // do whatever you want here when clicking the image
});

稍后如果您完全替换<div id="imagepr">的内容，只要它具有类.imageprofile的图像，它仍会响应相同的点击事件