javascript - 刷新页面后留在同一个标签
问题描述
我有一个包含相同 url 但有很多选项卡的页面,单击选项卡后我可以看到它的内容,但在我刷新页面选项卡(0)后立即出现,但我想要最后使用的选项卡。我怎样才能做到这一点。这是js代码
<script>
const tabBtn = document.querySelectorAll(".tab");
const tab = document.querySelectorAll(".tabShow");
function tabs(panelIndex){
tab.forEach(function(node){
node.style.display="none";
});
tab[panelIndex].style.display="block";
}
tabs(0);
$(".tab").click(function(){
$(this).addClass("active").siblings().removeClass("active");
});
</script>
解决方案
您可以创建一个在每次更改选项卡时更新的变量,然后检查变量等于什么以确定默认情况下应打开哪个选项卡。
推荐阅读
- oracle - ORACLE 数据库的初始化在单元测试中
- python - LSTM 自动编码器噪声重建
- sql - 在日期时间范围之间添加行
- amazon-web-services - AWS Athena WAF 日志
- python - 在 x 时间后中断 while 循环,但在同一级别继续 for 循环
- android - 在 Android 通知中禁用声音(不改变视觉行为)
- swiftui - 自定义导航栏 SwiftUI 上仅显示后退按钮
- elasticsearch - 索引具有通配符时的弹性搜索
- javascript - 动态计算 2 个输入的总和 - Javascript
- ruby-on-rails - NameError:未初始化的常量 GoogleService::Google with google-api-client gem