选项卡点击事件
$(".layui-tab-title li").click(function () {
var picTabNum = $(this).index();
sessionStorage.setItem("picTabNum", picTabNum);
sessionStorage.setItem("noteAppClick", "0");
});
sessionStorage里面第一个参数是选项卡索引,
第二个参数是为了区分左侧导航栏点击还是选项卡点击;
因为左侧导航栏点击的时候需要回到第一个选项卡,而不是原来的选项卡。
在layui.use方法里声明函数
$(function () {
if (sessionStorage.getItem("noteAppClick") != "1") {
var getPicTabNum = sessionStorage.getItem("picTabNum");
tabElement.tabChange('app', getPicTabNum);
}
})
本文介绍了一个基于layui框架的选项卡切换功能实现方法。通过监听选项卡的点击事件,并利用sessionStorage来保存当前选中选项卡的索引,以便在重新加载页面时能够返回到上次选择的选项卡。同时,还介绍了如何区分左侧导航栏点击和选项卡点击的不同行为。
3926

被折叠的 条评论
为什么被折叠?



