改变图像的jQuery保持的onclick

Question

我有，我想通过jQuery来改变图像：

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

的问题是，我只想改变图像（.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

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

后来附加click事件，如果你完全，只要它与类.imageprofile的图像仍然会以同样的单击事件