layui获取tab页id_【Layui】实现跳转到指定tab栏

该博客介绍了如何在layui框架下实现在页面间跳转并定位到特定的tab栏。通过设置lay-filter和lay-id属性,并使用JS监听和处理hash变化,完成页面联动跳转功能。
摘要由CSDN通过智能技术生成

需求背景:实现页面之间的联动跳转,并跳转到指定tab栏

解决方法:

html代码:

  • PHP
  • html
  • python
  • go

内容1

内容2

内容3

内容4

在正常选项卡基础上,增加如图代码。

lay-filter代表地址栏中参数的名称。

lay-id来作为唯一的匹配索引,以用于外部的定位切换。

步骤2,JS部分

便于你区分参数,特定吧参数名字改了一下

laofantab: 为刚才定义的lay-filter

type 为地址栏的参数名,比如:http://test.com#type=1,

layui.use(['element','jquery'], function(){

var $ = layui.jq

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值