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.
    不知道好不好用 ，方法你得自己找了

    点赞 评论

报告相同问题？

提交

相关推荐 更多相似问题