layui tab列表刷新回退问题
话不多说:直接上问题;
就是说 我从左边这些东西点进去的时候都能得到我想要的页面以及里面的数据,而当我从新刷新页面的时候会自动返回到第一个tab标签栏里面(如下图:就是大写黑色1里面的内容),因为他们的地址栏都是一样的,
而layui怎样才能解决这个问题呢?
<script>
$(".layui-tab-title li").click(function(){
var picTabNum = $(this).index();
sessionStorage.setItem("picTabNum",picTabNum);
});
$(function(){
var getPicTabNum = sessionStorage.getItem("picTabNum");
$(".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");
})
</script>
如果只是用了form表单之类的添加上面代码就能实现了,而如果添加完了上面代码以后,当我们再次点击刷新按钮的时候页面只是从第一个tab标签闪了一下到我们想去的标签,且里面没有数据的时候,请添加下列代码:
if(getPicTabNum==0){
code="xxxx";//将标签的名字重新赋值给code
getInfo(code);
}
if(getPicTabNum==1){
code="xxxx";
getInfo(code);
}
如果这么做还是不行的话!!!
那么就在以上代码的后面加上显示模块的内容即可~
if(code=="xxxx")
{
//把想要显示的内容重新在这里写一遍即可!
}