如何關閉ajax加載的頁面並返回舊內容？

Question

我正在開發一個頁面組合網站，它將從單獨的html文件中提取項目。所以，目前我有這個代碼加載新的URL（特別是#project div）到當前div #port-content。

我custom.js的部分如下：

var hash = window.location.hash.substr(1); 
var href = $('.ajax').each(function(){ 
var href = $(this).attr('href'); 
if(hash==href.substr(0,href.length-5)){ 
    var toLoad = hash+'.html #project'; 
    $('#port-content').load(toLoad) 
     }           
    }); 

    $('a.port-more').click(function(){       
     var toLoad = $(this).attr('href')+' #project'; 
     $('#port-content').hide('normal',loadContent); 
     window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
     function loadContent() { 
      $('#port-content').load(toLoad,'',showNewContent()) 
     } 
     function showNewContent() { 
      $('#port-content').show('normal'); 
     } 
     return false; 
    }); 

如何關閉這個內容並帶回我原來#port-content股利。我試圖創建一個相反的新功能，但它不起作用。

任何想法？

Answer 1

var HTMLstorage = ""; 
$("#something").on("click", function() 
{ 
var HTMLstorage = $("#someDivWithOldContent").html(); 
$("#someDivWithOldContent").html(yourNewHTML); 
} 

趕上22日在這取決於你如何分配他們

基本上捕捉到HTML則在更換之前，你可能會失去你的處理程序分配。一旦恢復，如上所述，您可能需要重新分配處理程序

Answer 2

使用.data()聽起來像是正確的選項。

function loadContent() { 
    if(!$('#port-content').data('default')) $("#port-content").data('default', $("#port-content").html()); 
    $('#port-content').load(toLoad,'',showNewContent()) 
} 
// and create another function to load the default 
function loadDefault() { 
    $('#port-content').html($("port-content").data('default')); 
}