改變圖像的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的圖像仍然會以同樣的單擊事件