返回上一页的时候自动定位到Tab

有时会跳转后，点击返回：如何自动定位到原来的tab呢？

 

跳转后的HTML:

        <a class="btn-back" href="javascript:history.back()"></a>

 

跳转前的Tab页面：

<ul class="det_nav tc">

      <li class="cur">辅导详情</li>

      <li>记录明细</li>

</ul>

 

JS:

$(".det_nav li").click(function () {

        $(this).addClass("cur").siblings().removeClass("cur");

        var i = $(this).index();

        $(".BOX").eq(i).show().siblings(".BOX").hide();

        //添加锚点

        // 给tab栏绑定点击事件，点击事件处理两件事：显示需要显示的内容，如果tab的index和url中的index信息不同，那么push进入一条新的历史记录。

        var page_idx = + (window.location.hash && window.location.hash.substr(-1));

        var idx = $(this).index();

        if (page_idx !== idx) {

            window.history.pushState(null, null, '#tab=' + idx);

        }

    });

 

 

文章来源：刘俊涛的博客 欢迎关注公众号、留言、评论，一起学习。

__________________________________________________________________________________

若有帮助到您，欢迎点击推荐，您的支持是对我坚持最好的肯定(*^_^*)