jQuery加载其他html页面，但如何还原为原始内容

jQuery loading other html pages, but how to revert to original content

本文关键字：还原 原始 何还原 html 其他 加载 页面 jQuery      更新时间：2023-09-26

所以我已经做了这一小段jQuery代码加载html文件到一个div，但我正在努力找出我如何可以例如放置一个返回按钮加载的内容，一旦点击将恢复到原始内容有什么想法吗?

理想情况下，我想使用ajax效果时，加载内容与throbber，但阅读在线加载是最好的方式?

$('.load-page').on("click", function() {
  var href = $(this).attr("href");
  $('#in-the-news').load(href);
  return false
});
链接:

<a href="/page-to-load-into-div" class="load-page">link</a>
html: 

<div id="in-the-news">
  <p>original content</p>
</div>

必须在用户按下链接时将原始内容缓存到另一个对象中，然后在用户按下原始链接时将其收回。

类似这样的内容(未经测试)

$('.load-page').on("click", function() {
  var href = $(this).attr("href");
  if ($('#hidden-cache').html() == ''){
      $('#hidden-cache').html($('#in-the-news').html());
  }
  $('#in-the-news').load(href);
  return false
});
$('.original-page').on("click", function() {
  $('#in-the-news').html($('#hidden-cache').html());
  return false
});

<div id="in-the-news" class="original-page">
  <p>original content</p>
</div>
相关文章：