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

2022-10-17 前端实例跟版网

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

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");
        }
    })

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

layui 选项卡

上一篇：Javascript中实现和PHP一样的时间戳格式化函数的方法下一篇：element el-tree树结构刷新后保留展开状态解决方法

相关文档推荐

比较完善的数字格式化验证实例代码

在小程序端input为number类型的表单，调出的键盘只有数字且没有小数点和负号。显然并不符合要求。所以我们用text类型来自己判断 1，必须为数字 2，第一位不是小数点，且只能出现一个小数点 3，负号只能出现在第一位，且只能出现一次 4，如果是小数的话只保留

file对象转blob对象进行预览的实例代码

file对象转blob对象进行预览的实例代码： //获取到 file文件var reader = new FileReader();reader.readAsArrayBuffer(file);reader.onload = function (event) { let blob = new Blob([event.target.result], { type: file.type }); //{ type: file.type }

js文件上传前的预览和删除实例代码

js文件上传前的预览和删除实例代码，具体如下： !DOCTYPE htmlhtml lang="en" head meta charset="UTF-8" / meta http-equiv="X-UA-Compatible" content="IE=edge" / meta name="viewport" content="width=device-width, initial-scale=1.0" / title文件上传

layui表格下拉选择、日期选择、文本输入框

一、下拉选择改动三个地方：下拉选择模板、数据渲染、下拉选择监听填充数据 //表格{ title: '是否棚改房span class="titletips"*/span', field: 'sfpgf', align: 'center', width: 110, // edit: 'text', templet: function (d) { return 'select name="sfpg

layui表格：设置表头居中，内容居左的实例代码

layui表格：设置表头居中，内容居左的实例代码：表头在属性中控制，内容直接用css样式控制 { field: 'Result', title: '结果', align: 'center', width: '60%', templet: function (d) { return 'div style="text-align:left"' + d.Result + '/div' }},

Javascript中实现和PHP一样的时间戳格式化函数的方法

本文给大家介绍Javascript js中实现和PHP一样的时间戳格式化函数的方法，具有一定的参考借鉴价值，需要的朋友可以参考下，我们知道在php中有一个date()函数，可以方便的把时间戳格式化为时间字符串。可是在js中，我们要想实现这种效果，要写好多好多代码，非

栏目导航

前端实例 Php实例 Java实例 Python实例 C/C++实例 C#/.NET实例其他语言实例