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
// 刷新
$('.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选项卡、刷新保持在当前页面
基础教程推荐
猜你喜欢
- layui表格下拉选择、日期选择、文本输入框 2022-10-21
- D3.js selectAll()用法 2022-07-13
- Bootstrap媒体对象 1970-01-01
- Bootstrap条纹进度条 1970-01-01
- Bootstrap btn-group-vertical类 1970-01-01
- Bootstrap禁用列表项 1970-01-01
- Bootstrap list-group-item-heading类 1970-01-01
- Bootstrap显示和隐藏内容 1970-01-01
- Bootstrap Scrollspy(刷新) 1970-01-01
- Bootstrap三个不相等的列 1970-01-01
