layui选项卡,刷新地址后定位到当前选项卡

本文介绍了一个基于layui框架的选项卡切换功能实现方法。通过监听选项卡的点击事件,并利用sessionStorage来保存当前选中选项卡的索引,以便在重新加载页面时能够返回到上次选择的选项卡。同时,还介绍了如何区分左侧导航栏点击和选项卡点击的不同行为。

选项卡点击事件

$(".layui-tab-title li").click(function () {
        var picTabNum = $(this).index();
        sessionStorage.setItem("picTabNum", picTabNum);
        sessionStorage.setItem("noteAppClick", "0");
    });

sessionStorage里面第一个参数是选项卡索引,
第二个参数是为了区分左侧导航栏点击还是选项卡点击;
因为左侧导航栏点击的时候需要回到第一个选项卡,而不是原来的选项卡。

在layui.use方法里声明函数

$(function () {
            if (sessionStorage.getItem("noteAppClick") != "1") {
                var getPicTabNum = sessionStorage.getItem("picTabNum");
                tabElement.tabChange('app', getPicTabNum);
            }
        })
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值