layui的tab选项卡、刷新保持在当前页面的实例代码

时间:2022-10-17
layui的tab选项卡、刷新保持在当前页面的实例代码:
// 刷新
    $('.layui-tab-title li').click(function(){
       var picTabNum = $(this).index();
       sessionStorage.setItem("picTabNum", picTabNum);
    })
    // //刷新保持在当前页面
    $(function () {
        var getPicTabNum = sessionStorage.getItem("picTabNum");
        // console.log(getPicTabNum);
        if (!getPicTabNum && typeof (getPicTabNum) != "undefined" && getPicTabNum != 0) {
            // alert("null");
             $('.layui-tab-title li').eq(1).addClass("layui-this").siblings().removeClass("layui-this");
            $('.layui-tab-content>div').eq(1).addClass("layui-show").siblings().removeClass("layui-show");
        }else{
            $('.layui-tab-title li').eq(getPicTabNum).addClass("layui-this").siblings().removeClass("layui-this");
            $('.layui-tab-content>div').eq(getPicTabNum).addClass("layui-show").siblings().removeClass("layui-show");
        }
    })
上一条:Javascript中实现和PHP一样的时间戳格式化函数的方法 下一条:element el-tree树结构刷新后保留展开状态解决方法

相关文章

最新文章