0

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

我有一个将内容加载到目标 div 的 Web 应用程序，其中包含将卸载第一个加载的内容然后将新内容加载到同一目标 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看到我已经走了多远

4

1 回答 1

0

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

var saveThis;
saveThis = $('#ajaxTarget').html() //save
$('#ajaxTarget').html(saveThis) // load
于 2013-07-17T18:31:40.530 回答