如何使我的div保持關閉，即使刷新後

我是新來的PHP，我想讓我的div即使刷新後關閉。如何使我的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。

如何隱藏它，即使我刷新？我搜索了很長時間，但我無法取得進展。

來源

2014-02-13 user3064914

您可以使用cookie來存儲實際div的狀態（隱藏或不隱藏），使用PHP讀取該cookie並將一個類添加到'help_box'以將其標記爲關閉。 –

給div一種'display：none'的樣式 –

如果你試圖在頁面加載時總是隱藏div，你需要爲你的css添加'display：none'。如果您要保存用戶的操作，無論他們是否隱藏了div，那麼您都需要查看會話/ cookie。 – EmileKumfa

使用這樣的==>

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

來源

2014-02-13 05:56:03 rt2800

這將如何隱藏div刷新後？ –

在加載時添加Javascript是開銷。您可以簡單地鍵入內聯CSS：display：none for DIV。 –

@RahilWazir好吧......實際上它會隱藏div，因爲默認情況下它不會被隱藏，所以toggle功能可以做到這一點。但這是不切實際和低效率的......並且可能不是OP所期望的。 –

，你甚至點擊關閉按鈕後刷新後使用cookies來隱藏自己的股利。

當你點擊關閉按鈕，設置了到期時間的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); 
});

//餅乾後一天就會過期

然後在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>

來源

2014-02-13 06:04:15 Anu

感謝它正在工作... – user3064914

如何使我的div保持關閉，即使刷新後

回答

相關問題