VitoYi
2017-07-24 08:48
采纳率: 70%
浏览 6.6k
已采纳

一个页面,如何跳转到另一个页面的指定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
    });
    
    点赞 评论
  • 75闪光雷 2017-07-24 08:54

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

    点赞 评论
  • 偷偷的挂掉 2017-07-24 08:59

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

    点赞 评论
  • 75闪光雷 2017-07-24 09:21

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

    点赞 评论

相关推荐 更多相似问题