gpt4 book ai didi

javascript - 如何在页面重新加载后显示隐藏的div?

转载 作者:行者123 更新时间:2023-11-28 16:06:20 26 4
gpt4 key购买 nike

我有一个要求,当点击一个按钮时,页面需要重新加载。重新加载后我需要显示隐藏的 div。

下面是我的要求,描述了我的问题?

1.在我的 html 代码中包含一些文本和按钮,在这个页面中我只默认隐藏一些文本 div2.当点击按钮时我正在重新加载页面。重新加载页面后我想显示隐藏的div

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#test2").css("visibility","hidden");
alert("reloaded");

$("#p1").click(function(){

setTimeout(function(e){
alert("inside time out");
$("#p2").css("visibility","visible");
},3000);
location.reload();

});
});
</script>
</head>
<body>

<div id="myDiv">
<p id="p1">This is sample text</p>
</div>

<div id="test2">

<p id="p2">this is invisible text</p>
</div>

</body>
</html>

提前致谢

最佳答案

您可以在用户单击按钮时设置一个 localStorage 元素,并在页面加载时查找 localStorage 元素并有条件地显示隐藏的 div。

var $hidden = $('.hidden');

localStorage.getItem('show') && $hidden.show();

$('button').on('click',function() {
localStorage.setItem('show',true);
window.location.reload(false);
})
.hidden {
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hidden">hidden</div>
<button>click</button>

关于javascript - 如何在页面重新加载后显示隐藏的div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42142855/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com