程序笔记   发布时间:2022-07-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了返回上一页的时候自动定位到Tab大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

有时会跳转后,点击返回:如何自动定位到原来的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>

 

@H_489_114@JS:

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

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

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

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

        //添加锚点

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

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

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

        if (page_idx !== idX) {

            window.history.pushState(nullnull'#tab=' + idX);

        }

    });

 

 

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

__________________________________________________________________________________

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

大佬总结

以上是大佬教程为你收集整理的返回上一页的时候自动定位到Tab全部内容,希望文章能够帮你解决返回上一页的时候自动定位到Tab所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。