Question

我是php新手，我想让我的div即使在刷新后也要关闭。

我的HTML代码：

<div id="help_box" class="notification-page notification-info has-close-button">
<a href="javascript:void(0)" id="closehelp" title="Hide help" class="help-close float_right"></a>
div content
</div>

我的JS代码

$('#closehelp').click(function(){
  $('#help_box').animate({ height:"hide", opacity:"hide", marginBottom:"-25px" },"slow");
});

单击关闭按钮时，我的div隐藏，如果我刷新页面div则显示。

即使我刷新，如何隐藏它？我搜索了很长时间但我无法进步。

Answer 1

即使在点击关闭按钮后刷新，你也必须使用cookies来隐藏你的div。

当您点击关闭按钮时，设置一个带有到期时间的cookie（只要您不想显示div），如下所示

function setCookie(cname,cvalue,exdays)
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}

$('#closehelp').click(function(){
$('#help_box').animate({ height:"hide", opacity:"hide", marginBottom:"-25px" },"slow");
setCookie('closediv',1,1);
});

// cookie将在一天后过期

然后在php中读取cookie。如果cookie可用，则保持显示：没有div。

<?php $cookie=$_COOKIE['closediv'];?>
<div id="help_box" class="notification-page notification-info has-close-button" <?php if($cookie):?> style="display:none" <?php endif;?>>
<a href="javascript:void(0)" id="closehelp" title="Hide help" class="help-close float_right"></a>
div content
</div>

Answer 2

使用类似这样的内容==＆gt;

jQuery(document).ready(function(){ $('#help_box').toggle(); })

如何使我的div即使在刷新后仍保持关闭状态

2 个答案: