我的html中有一个div元素,我有一个链接。单击此链接,我使用AJAX将一些其他内容加载到div区域。新内容有一个“后退”链接,当用户点击此链接时,我想在div区域显示以前的内容。
我可以通过在加载新内容之前将内容存储到虚拟div并在用户单击后退链接时将其放回来实现此目的。有没有更直接的方法来实现这个jQuery?
答案 0 :(得分:3)
将“previous”内容放在标记中,例如span标记,然后在点击链接时使用jQuery隐藏以前的内容。有点像...
$(document).ready(function() {
$('#black-link').click(function(e) {
$(this).hide();
$('#content').show();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<span id="content">Hi</span>
<a href="#" id="black-link">Go Back</a>
</div>