一个页面,如何跳转到另一个页面的指定tab选项卡?

请看,我现在有这么一个页面,有三个tab选项卡:

图片说明

切换选项卡:

图片说明

现在我的问题是,在此页面的前面,有这么一个页面:

图片说明

点击『了解更多』,进入到了解更多的页面,默认定位在第一个选项卡上。
如何可以做到,判断用户是点的哪一个『了解更多』按钮,并在新打开的页面中直接定位在指定的选项卡上?

4个回答

传递对于tab的下标过去就行了,然后获取对应的li trigger下click事件,如果是鼠标移动切换的trigger mouseover事件,类似下面的

以下代码需要导入jquery

 <a href="xxx.jsp?0">校园招聘</a>
<a href="xxx.jsp?1">社会招聘</a>
<a href="xxx.jsp?2">名企招聘</a>

xxx.jsp
$(function(){
var s=location.search.substring(1);
if(s)$('ul.course_tab li').eq(s).trigger('click');//如果是鼠标事件click改为mouseover
});
qq_34309305
75闪光雷 感谢大神,我也学到了
3 年多之前 回复
VitoYi
VitoYi 感谢大神
3 年多之前 回复

把三个了解更多设置ID为1.2.3,跳转页面的时候,把对应ID传到下一个页面,在下一个页面接取ID显示对应内容。
下面是不需要后台就可以跳转传值的JS操作你可以参考:
http://blog.csdn.net/qq_34309305/article/details/70332254

qq_34309305
75闪光雷 你需要仔细看我给你的链接,上面明确写明了怎样跳转页面时传值。
3 年多之前 回复
qq_34309305
75闪光雷 假设你第一个“了解更多”ID为1,跳转页面的时候location.href=page2.html+"ID"="1",然后用给你的连接中断方法取得ID值。js中判断ID==1则显示第一个tag,否则显示别的
3 年多之前 回复
qq_34309305
75闪光雷 额。。为什么要改变class?
3 年多之前 回复
qq_34309305
75闪光雷 我已经告诉你了啊,不需要后台就可以跳转传值参考链接,了解更更多的ID就是你自己定义的ID,你不是让我给你写JS吧
3 年多之前 回复
VitoYi
VitoYi 在下一个页面的js中,使用if,else这样的判断吗?然后改变 class="left course_active" 吗?如果是这样,如何改变class="left course_active"?
3 年多之前 回复
VitoYi
VitoYi 在下一个页面,使用js
3 年多之前 回复
VitoYi
VitoYi 思路我大概是知道的,但是具体如何实现呢?
3 年多之前 回复

一个你可以做单页应用,完全用js去控制,一个就是传值过来,tab选项卡根据传的值显示

我知道你的意思了,你js中,先判断传过来的值,然后
把对应li标签的样式增加一个 course active.
不知道好不好用 ,方法你得自己找了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问