如何防止通过单击按钮创建的div在重新加载页面时消失？
如何防止通过单击按钮创建的div在重新加载页面时消失？
提问于 2014-12-28 23:14:15
我正在使用一个按钮向下滑动一个包含注册表单的div，但在我重新加载页面(或提交表单)后，div消失了，我必须再次单击该按钮。我希望div在重新加载页面后保持不变。有什么建议吗？
下面是我的jquery代码：
<script type="text/javascript">
$(document).ready(function(){
$("button#button_register").click(function(){
$("#register").slideDown('slow');
});
});
</script>和按钮：
<button id="button_register">Register! </button>回答 1
Stack Overflow用户
发布于 2014-12-28 23:23:07
您需要以某种方式保存#register元素的状态。您可以将服务器端用于此(会话)或一个简单的cookie。
但是在纯JS中处理cookie有点棘手。假设你可以使用这个很棒的插件：https://github.com/carhartl/jquery-cookie，你可以这样做：
$("button#button_register").click(function(){
if($("#register")is(':visible')) {
$("#register").slideUp('slow');
$.cookie('registerState', 0);
} else {
$("#register").slideDown('slow');
$.cookie('registerState', 1);
}
});..。然后，您需要在每次加载页面时检查此状态，如下所示：
$(document).ready(function(){
if($.cookie('registerState') == 1) {
$("#register").show(); // or slide down if you want to show an animation every time
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27677673
复制相关文章
相似问题
腾讯云开发者
