一个页面跳转到另一个页面的tab选项卡的指定页上
a页面是一个tab切换,b页面同样也是一个tab切换,目前想实现从a页面的tab“B”跳转的b页面的tab“B”
a页面代码:
<div class="company_department fr"> <div class="notice_small_nav"> <a href="#2" class="company_notice notice_nav_a">公司公告</a> <a href="#2" class="department_notice">部门公告</a> </div> <div class="company_content"> <ul> <li><a href="notice.html#company">【公司公告喜讯】中标网再中5亿啥啥啥啥项目,呵呵 </a></li> <a href="notice.html#company" class="more">更多</a> </ul> </div> <div class="department_content"> <ul> <li><a href="notice.html#department">【部门公告喜讯】中标网再中5亿啥啥啥啥项目,呵呵 </a></li> <a href="notice.html#department" class="more">更多</a> </ul> </div> </div> <script type="text/javascript"> $(function(){ $(".notice_small_nav a").click(function(){ $(this).addClass("notice_nav_a").siblings().removeClass("notice_nav_a"); }); $(".company_notice").click(function(){ $(".company_content").show(); $(".department_content").hide(); });//公司公告 $(".department_notice").click(function(){ $(".company_content").hide(); $(".department_content").show(); });//部门公告 }); </script>
b页面代码(notice.html)
<script type="text/javascript"> $(function(){ var hash=window.location.hash||''; if(hash=='#company'){ $(".company_content").show(); $(".department_Box").hide(); }else if(hash=='#department'){ $('.company_notice_a').removeClass('current'); $('.department_notice_a').addClass('current'); $(".company_content").hide(); $(".department_Box").show(); }; $(".notice_nav_a a").click(function(){ $(this).addClass("current").siblings().removeClass("current"); }); $(".company_notice_a").click(function(){ $(".company_content").show(); $(".department_Box").hide(); });//公司公告 $(".department_notice_a").click(function(){ $(".company_content").hide(); $(".department_Box").show(); });//部门公告 $(".company_content .selectAll").click(function(){ $(".company_content a").removeClass('color'); }); $(".department_Box .selectAll").click(function(){ $(".department_Box a").removeClass('color'); }); }); </script> <div class="notice_nav_a">
<a href="#2" class="company_notice_a current">公司公告</a>
<a href="#2" class="department_notice_a">部门公告</a>
</div>
<!--公司公告-->
<div class="company_content">
<table style="table-layout:fixed">
<tr>
<th style="width: 73%;">标题</th>
<th style="width: 17%;">接收时间</th>
<th style="width: 10%;">操作</td>
</tr>
<tr>
<td class="iconfont td_title"><a href="#2" class="color">北京昌佳泵业有限公司北京昌佳泵业有限公司“企业信息待审核</a></td>
<td>2018-05-08-12:00:56</td>
<td class="look_delete">
<a href="#2">查看</a>
</td>
</tr>
</table>
<div class="choice_page">
<div class="choice_page_left fl">
<input class="selectAll" type="button" value="一键已读" />
<input type="button" value="删除已读" />
</div>
<div class="choice_page_right fr">
<span class="fl">共有<i>10</i>条待办事项,</span>
<span class="fl"><i>3</i>条未读</span>
<div class="page_box fl">
<a href="#2">《</a>
<a href="#2"><</a>
<a href="#2">1</a>
<a href="#2">></a>
<a href="#2">》</a>
</div>
</div>
</div>
</div>
<!--部门公告-->
<div class="department_Box">
<table style="table-layout:fixed">
<tr>
<th style="width: 73%;">标题</th>
<th style="width: 17%;">接收时间</th>
<th style="width: 10%;">操作</td>
</tr>
<tr>
<td class="iconfont td_title"><a href="#2" class="color">中标网再中5亿啥啥啥啥项目,呵呵啥啥,呵呵</a></td>
<td>2018-05-08-12:00:56</td>
<td class="look_delete">
<a href="#2">查看</a>
</td>
</tr>
</table>
<!--全选&page分页-->
<div class="choice_page">
<div class="choice_page_left fl">
<input class="selectAll" type="button" value="一键已读" />
<input type="button" value="删除已读" />
</div>
<div class="choice_page_right fr">
<span class="fl">共有<i>10</i>条待办事项,</span>
<span class="fl"><i>3</i>条未读</span>
<div class="page_box fl">
<a href="#2">《</a>
<a href="#2"><</a>
<a href="#2">1</a>
<a href="#2">></a>
<a href="#2">》</a>
</div>
</div>
</div>
</div>