JQuery replaceWith를 대체 하시겠습니까?

Question

이전 링크로 돌아가는 버튼과 함께 새 링크로 나를 안내하기 위해 첫 번째 링크가 필요합니다. 첫 번째 링크는 새 링크에 성공적으로 연결되지만 첫 번째 링크로 돌아가려면 단추를 클릭해도 작동하지 않습니다. JQuery의 replaceWith()가 원래 상태로 재설정 될 수 있다고 들었지만 어떻게 작동하는지 잘 모르겠습니다. 또한 .replaceWith 대신 .html을 시도했지만 그 중 하나는 작동하지 않았습니다.

HTML :

<div class="page"><a href="#">First Link</a></div> 

JQuery와 :

$('.link').click(function(){ 
    $('.page').replaceWith('<a href="#">New Link</a><button class="back">Go back to First Link</button>'); 
}); 
$('.back').click(function(){ 
    $('.page').replaceWith('<a href="#">First Link</a>'); 
}); 

여기에 바이올린이 너무입니다 : http://jsfiddle.net/HqPbP/

희망 누군가가 도움이 될 수 있습니다! 또한

$('.page').on("click", ".link, .back", function(e){ 
    e.preventDefault(); 
    var HTML = { 
     "link" : '<a href="#">New Link</a><button class="back">Go back to First Link</button>', 
     "back" : '<a href="#" class="link">First Link</a>' 
     } 

    $('.page').html(HTML[this.className]); 
}); 

:

Answer 1

LIVE DEMO

당신이 당신의 버튼을 만들 바와 같이 동적으로 당신은 .on() 방법에 관심이

<a href="#" class="link">First Link</a> 

: 새로 생성 된 앵커에 클래스 .link 복원