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

live eventを試してください。

Answer 2

イベントのバブリングがHTML DOMにどのようになっているのか覚えていませんが、周囲のdivにクリックハンドラを追加できませんか？それは確かに変わらないし、私に何か音が漏れるのを避けるかもしれない。