问题:微信公众号点击记录进入详情的时候,如果详情页代码是在当前页面,那么就没有进入页面记录,在点击返回的时候,会直接返回到最开始的地方,而非列表页。
解决:这时候就需要在点击列表的时候,插入一条记录,代码如下
//点击进入详情页
$('.record-item-button').on('touchstart', function (e) {
pushHistory();
$('.record-list').addClass('noShow');
$('.record-detail').removeClass('noShow');
}
// 从详情页返回列表
window.addEventListener("popstate", function (e) { //回调函数中实现需要的功能
$('.record-list').removeClass('noShow');
$('.record-detail').addClass('noShow');
}, false);
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, state.title, state.url);
}