在网上找了很多jquery效果,都是这样的,于是自己写了一个。防止页面刷新的tab切换,
html代码: 复制代码 代码如下:

项目信息
客户职位提问

项目信息

客户

职位提问

js代码: 复制代码 代码如下: $ { $;
//隐藏所有 $.addClass; //第一个元素选中 $.show(); //第一个内容显示
$.click { $.removeClass; //将所有的tab去掉current样式 $; //隐藏所有
$.addClass; var activeTab = $; //获取div $; //获取从url中传递的 var url
= window.location.href; var reg = /#.+/; if
{//含有#,默认为只有一个#,多个#情况不考虑 //隐藏所有 $.removeClass;
//将所有的tab去掉current样式 $; //隐藏所有 var href = url.split[1];
$(“div.tabs [href=#” + href + “]”).addClass; $; } });
代码很简单,思路也很清晰,不过很实用,
比如上例中,你刷新页面,想重新定位到第二个tab上,只需要,重新指定xxx.aspx#kehu即可
附截图

相关文章