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

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);

                    }

                })

        })

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容