重新加载以前卸载的内容ajax

Question

不确定如何开始考虑解决这个问题。许多加载和卸载ajax的搜索只返回如何在加载新内容之前卸载的结果，而不是重新加载以前卸载的内容。

我有一个web应用程序，它将内容加载到目标div中，其中包含的链接将卸载第一个加载的内容，然后将新内容加载到同一个目标div中。我想做的是创建一个脚本，更改href以重新加载以前卸载的内容。

从长远来看，我正在构建一个投资组合，从指数中加载一个充满项目拇指的投资组合。单击项目拇指将卸载所有拇指并加载项目详细信息。我想要一个返回按钮，它将链接回加载投资组合拇指，然后从那里，再次单击将链接回主指数。

结构如下：

1. /index.php
2. /portfolio/index.php（链接到每个项目的缩略图列表）
3. /portfolio/project.php（收集项目的相关信息）

我需要一个按钮：处于状态1时未显示链接回状态2的索引并链接回状态3的投资组合。

目前，我有这个功能，它部分有效，但显然依赖于我在特定页面中键入内容进行检查。我想要一些动态变化的东西。

//If link containes project.php, show the back button, if not hide it.
        if(destination.indexOf('project.php')>=0){
            $('div.back-button').css({'display':'block'});
            $('a.back-button').attr('href', 'portfolio');
        }
        else if(destination.indexOf('portfolio')>=0){
            $('div.back-button').css({'display':'block'});
            $('a.back-button').attr('href', '/app');
        }
        else{
            $('div.back-button').css({'display':'none'});
        };

我想我需要在某个地方创建一个变量，以捕捉正在加载的内容并成为返回的位置。但是，当没有点击任何内容时，我如何启动链，然后将其使用延迟到稍后再点击一次？

例如，当我从索引中单击公文包时，我希望它记住"公文包"已加载，但只有在我单击项目后，才能将其用作按钮位置的变量。一旦项目被加载，返回按钮将定位回投资组合。

如有任何关于如何解决这一问题的帮助，我们将不胜感激！

你可以看到我已经走了多远http://joeallam.co.uk/app

Answer 1

在通过AJAX加载了想要保存的内容后，将该元素的innerHTML保存为JavaScript变量。然后，当有人按下BACK时，只需将该变量的内容放回通常加载AJAX内容的DIV中。

var saveThis;
saveThis = $('#ajaxTarget').html() //save
$('#ajaxTarget').html(saveThis) // load