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选项卡、刷新保持在当前页面
基础教程推荐
猜你喜欢
- D3.js selectAll()用法 2022-07-13
- Bootstrap向表中添加更密集的信息 1970-01-01
- CSS结合样式 1970-01-01
- Bootstrap table-hover类 1970-01-01
- Bootstrap创建下拉菜单 1970-01-01
- Bootstrap clearfix类 1970-01-01
- Bootstrap .pagination-sm类 1970-01-01
- CSS加载社交按钮 1970-01-01
- Bootstrap垂直堆栈选项卡 1970-01-01
- Bootstrap .helper类 1970-01-01