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

layui的tab选项卡、刷新保持在当前页面的实例代码: // 刷新 $('.layui-tab-title li').click(function(){ var picTabNum = $(this).index(); sessionStorage.setItem("picTabNum", picTabNum); }) // //刷新保持在当前页面 $(function () { var getPicTabNum = sessionStorage.getItem("picTabNum"); // con

layuitab选项卡、刷新保持在当前页面的实例代码:
// 刷新
    $('.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");
        }
    })
 

本文标题为:layui的tab选项卡、刷新保持在当前页面

基础教程推荐