替换JQuery replaceWith？

Question

我需要我的第一个链接来指引我进入一个新链接（以及一个返回旧链接的按钮）。第一个链接成功链接到新链接，但是当我点击按钮移回第一个链接时，它不起作用。我听说JQuery的replaceWith（）可以重置为原始状态，但我不确定这是如何工作的。为了这个原因，我也尝试了.html而不是.replaceWith，但那也没用。

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/

希望有人能帮助！

Answer 1

LIVE DEMO

当你创建你的按钮动态你感兴趣的.on()方法：

$('.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]); 
}); 

也：类.link恢复到新生成的锚：

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