如何关闭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')); 
}