jq实现点击导航栏中的任意一个跳转后被点击的定位到第一个

实现类似于这种效果：

思路：

1、通过获取点击部分的index然后作为参数加在a标签的url最后。

2、在跳转后的页面通过判断参数，来实现点击部分由原来的位置变换到首位。

代码：

html代码：

<div class="div1"><ul class="nav" id="nav"><li class="active"><a href="index1.html">首页</a></li><li><a href="index2.html">对象</a></li><li><a href="index3.html">场合</a></li></ul> </div>

js代码：

window.οnlοad=function(){//获取url中的参数function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数if (r != null) return unescape(r[2]); return null; //返回参数值}var index=getUrlParam("id");$("#nav li:eq(0)").removeClass("active");$("#nav li:eq("+index+")").prependTo($("#nav")); // $("#nav li:eq(2)").remove(); $("#nav li:eq(0)").addClass("active");$("#nav li:eq(0)").siblings().removeClass("active");}$("#nav li").click(function(){//alert($(this).children("a").attr("href")+"?id="+$(this).index()); //在点击的a标签的url后面加参window.open($(this).children("a").attr("href")+"?id="+$(this).index());});

　　

　

 

转载于:https://www.cnblogs.com/formybestlife/p/6994233.html

与50位技术专家面对面20年技术见证，附赠技术全景图

总结

以上是生活随笔为你收集整理的jq实现点击导航栏中的任意一个跳转后被点击的定位到第一个的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。