美文网首页前端
在其他页面点击跳转的到另外一个页面的对应tab内容里面

在其他页面点击跳转的到另外一个页面的对应tab内容里面

作者: 花花0825 | 来源:发表于2018-12-19 14:11 被阅读0次

    html:1

    第一个页面

    html:2

    第二页面

    上面的tab页面是要样式配合,我这里就不把样式写出来了,上的自己可以写一个tab页面都是可以的。

    在html2里面的js

    $(function () {

                var currentUrl = window.location.href; //获取url链接

                console.log(currentUrl);//打印获取的url链接

                r = currentUrl.substring(currentUrl.indexOf("?"));//截取url链接问号后面的内容         如:url是“http://hh.com/Platform/omapp.aspx?#book” 获取到就是:“?#book”

                //console.log(r + '1');

                r1 = r.split("?")[1];//所以这里要获取问号的内容“#book”

                //console.log(r1);

                $('.omapp-menu').find('li').each(function () {

                        var objUrl = $(this).children("a").attr("href");//获取a标签的href

                        if (r1.indexOf(objUrl) >= 0) {//判断是不是大于0

                            $(this).addClass("active");

                            $(this).siblings().removeClass("active");

                            $('body,html').animate({ scrollTop: 0 },0);

                        }

                    })

            })

    相关文章

      网友评论

        本文标题:在其他页面点击跳转的到另外一个页面的对应tab内容里面

        本文链接:https://www.haomeiwen.com/subject/rzhjkqtx.html