我已经搜索了几个小时,关于处理这个问题的正确方法有很多相互竞争的想法可以追溯到很多年以及许多jquery版本,所以我不确定正确的方法是什么。
我有一个自适应网站,一些页面会在索引上加载到相应的div中,然后根据用户的点击进行隐藏或显示。
在一个方面,我需要第二层响应能力来发布博客'帖子。这是一个迁移到jekyll的静态站点。
我在此网站上显示了一个帖子列表' post'菜单,如果用户点击一个菜单,我会在其中发布一个脚本' post'模板,修改包含帖子列表的div到用户点击的那个,就像这样......
---
html_id: posts
title: Posts
---
<div id="postdata">
{% for post in site.posts %}
<a class="postlink" href="{{ post.url }}">{{ post.title }}</a> - {{
post.date | date: "%d %B %Y" }}<br />
{% endfor %}
</div>
<script type="text/javascript">
$(".postlink").on("click",function(event) {
$(this).parent("div").load($(this).attr('href') + ' #postcontent');
event.preventDefault();
});
</script>
catch是缓存。一旦div被更改,如果用户导航回到原来的位置,他们就会获得他们点击的链接而不是列表,因为div已被更改。
这样做的正确方法是什么?