bootstrap 列表页进入详情页之后，点击返回列表页会跳到第一页的内容

问题描述：

在用bootstrap进行开发的时候，遇到了一点问题，如图，我本来在第三页，然后选中一条数据，点击详情，进入详情页面，但是在详情页面点击返回之后，这个列表就回到了第一页，如果想继续之前的工作，就需要手动转到第三页，当页数比较多的时候就比较麻烦。在向前辈请教之后，问题得到了解决。之前在网上也看到过类似的问题，也有其他的解决办法，这里记下我用的方法。

解决问题：

首先列表页面和详情页面是两个不同的页面，我们可以在列表页新建一个空的div，类似这样：

<div 列表页面>
<div id="a"> 空的div </div>
<div id="b">
	列表数据
</div>

然后将详情页面渲染进这个div

$('详情按钮的id').click(function () {
	$("#b").hide();//隐藏列表
	$("#a").load("详情页面的地址")
}

这样当点击详情时，列表会被隐藏起来，而详情页面会被渲染进div a，得以显示。当在详情页面点击返回时，我需要列表在点击之前的页数，而不是刷新到第一页，因此我们在详情页的返回按钮上这样写：

$('return').click(function () {
        $("#a").empty();
        $("#b").show();
    });

这样列表页就会重新显示出来，而不会刷新到第一页。

需要注意的是在新建div的时候要注意看div创建的地方，如果不注意的话，渲染的详情页面容易和原本的详情页样式冲突。