替換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>