堆栈内存溢出
  繁体   English   中英

页面重新加载后显示隐藏的div（页面重新加载后div变为可见）

[英]Show a hidden div after page reload ( div becomes visible after page reload )

 原文  2013-02-20 15:59:24  4   3    javascript/ jquery/ reload/ page-refresh

问题描述

我有一个页面，其中包含几个隐藏的div和带有点击事件的按钮，div上显示了这些事件。

问题是当我重新加载页面时，所有div都会再次隐藏。

实际上当我点击一些按钮时，一些div变得可见，但是当我重新加载页面时，所有div都会再次看不到。

重新加载后，我可以在页面重新加载之前显示可见的div吗？

示例http://jsfiddle.net/DxKCj/1/ .

3 个解决方案

解决方案1
 1  2013-02-20 16:03:56

当然，他们会再次看不见。 这就是HTML / JavaScript的行为方式。 当您重新加载页面时，浏览器会抛弃当前状态并再次“编译”页面。 这就像运行一个简单的C程序，退出它并再次运行它。 如果你想保存Div的状态，你必须将它保存在某个地方。 您可以使用HTML5本地存储或cookie来保存它。 您可以通过JavaScript执行这两项操作。

解决方案2
 1  2013-02-20 16:04:51

是。 不要打扰使用会话 - 只需设置一个cookie。 谷歌“javascript setcookie”，你会发现你需要的一切 - 存储哪些div在cookie中可见，然后检查页面加载时的cookie值。 `

解决方案3
 0  2013-02-20 16:02:38

看看以下答案：

用jquery创建会话？

您可以对PHP页面进行ajax调用，这将创建一个会话。 然后，您可以在页面加载时执行简单的IF，以查看会话是否设置为1或0.如果为1，则显示div，如果不是，则将其删除。

只需在用户单击按钮时进行AJAX调用即可。 如果您需要更具体的代码，请告诉我们

保持一个<div>页面重新加载后显示</div><div id="text_translate"><p>问题很简单，就是找不到解决方法。 我只是通过单击按钮来显示文本，但是当页面重新加载时，我希望文本仍然显示而无需再次单击按钮。 我的代码如下：</p><pre> &lt;script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"&gt; &lt;/script&gt; &lt;div id='result' style: 'display:none;'&gt; &lt;p&gt;&lt;/p&gt; &lt;/div&gt; &lt;form method="post" action="#"&gt; &lt;input type="button" value="Show" id='button'/&gt; &lt;/form&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ var div1Show = localStorage.getItem('div1_show'); if (div1Show) { $("#div1").remove(); } else { $("#div1").show(); } $("#button").click(function(){ $("#result").text("Complete"); $("#div1").show(); localStorage.setItem('div1_show', 'true'); }); }); &lt;/script&gt;</pre></div>

[英]Keep a <div> displayed after page reload

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 在ajax jquery中页面重新加载后单击链接时显示隐藏的div 页面重新加载后如何显示隐藏的div？ 即使重新加载页面也显示div 页面重新加载后显示 div 页面重新加载jQuery后如何显示div和当前链接处于活动状态 页面重新加载后如何保持div的类 页面重新加载后jQuery fadeIn div 保持一个<div>页面重新加载后显示</div><div id="text_translate"><p>问题很简单，就是找不到解决方法。 我只是通过单击按钮来显示文本，但是当页面重新加载时，我希望文本仍然显示而无需再次单击按钮。 我的代码如下：</p><pre> &lt;script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"&gt; &lt;/script&gt; &lt;div id='result' style: 'display:none;'&gt; &lt;p&gt;&lt;/p&gt; &lt;/div&gt; &lt;form method="post" action="#"&gt; &lt;input type="button" value="Show" id='button'/&gt; &lt;/form&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ var div1Show = localStorage.getItem('div1_show'); if (div1Show) { $("#div1").remove(); } else { $("#div1").show(); } $("#button").click(function(){ $("#result").text("Complete"); $("#div1").show(); localStorage.setItem('div1_show', 'true'); }); }); &lt;/script&gt;</pre></div> 在Submit_form按钮单击后，重新加载时显示隐藏的div 用javascript隐藏它后重新加载div？
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM