特别是移动端手机浏览器上,列表页帖子链接限制在本页打开(target="_self") 这种情况下,使用 JS 载入了多页内容(拉列表页到底部载入第二页内容 append 到目前列表页尾部) 点开某个帖子后再返回之前所有使用 JS 载入的内容都没了,如何解决这个问题?
认证高级PHP讲师
建议你看一下http://www.zhile.name/2.html
你可以直接使用Jquery Mobile.
Jquery Mobile
这是单页面结构,如果不想使用Jqm,也可以直接写一下。
单页面结构
例子:http://m.shihj.com
归根到底,如果要达到你想要的效果,最好就是使用ajax加载新的页面,使用History API模拟跳转新页面,实质只是改变浏览器的URL.
History API
浏览器的URL
不用以上技术,就只能是在list页面,每append一次内容,就把currentPage + 1,当返回到list的时候,就重新加载currentPage的内容。
list
append
currentPage + 1
currentPage
你这个问题我前两周一直在方案,后来基本也没啥发现。。我们采用的是iscroll+sessionStroage实现的,每下拉一次,给一个变量+1,这样后退回页面的时候首先就判断之前拉了几次,然后执行几次ajax,通过iscroll的方法回滚到刚才位置
点开某个帖子画面跳转了,可以访问历史记录 history.go(-1)
可以尝试用本地存储保存下!
建议你看一下http://www.zhile.name/2.html
你可以直接使用
Jquery Mobile
.这是
单页面结构
,如果不想使用Jqm,也可以直接写一下。例子:http://m.shihj.com
归根到底,如果要达到你想要的效果,最好就是使用ajax加载新的页面,使用
History API
模拟跳转新页面,实质只是改变浏览器的URL
.不用以上技术,就只能是在
list
页面,每append
一次内容,就把currentPage + 1
,当返回到list的时候,就重新加载currentPage
的内容。你这个问题我前两周一直在方案,后来基本也没啥发现。。我们采用的是iscroll+sessionStroage实现的,每下拉一次,给一个变量+1,这样后退回页面的时候首先就判断之前拉了几次,然后执行几次ajax,通过iscroll的方法回滚到刚才位置
点开某个帖子画面跳转了,可以访问历史记录 history.go(-1)
可以尝试用本地存储保存下!