在頁面加載時顯示啓用Cookie的Jquery通知消息

Question

我已經通過論壇並閱讀了許多與我的問題有關的帖子，但我找不到我正在尋找的答案。

我想在頁面加載時向用戶顯示帶有jquery的消息，並允許他們通過單擊關閉鏈接來關閉div。一旦關閉，腳本應該記住在該會話期間不要再打開。我想它會使用一個cookie。

這裏的XHTML：

<div class="alertbox"> 
    <span class="message">Please upgrade your browser</span> 
    <div class="bloc_navigateurs"> 
    <a href="http://download.mozilla.org/?product=firefox-3.6.13&amp;os=win&amp;lang=fr" target="_blank"><img src="includes/themes/default/images/icons/misc/Firefox-16.gif" width="16" height="16" alt="Firefox" /></a> 
    <a href="http://www.google.com/chrome?hl=fr" target="_blank"><img src="includes/themes/default/images/icons/misc/Chrome-16.gif" width="16" height="16" alt="Chrome" /></a> 
    <a href="http://www.01net.com/telecharger/windows/Internet/navigateur/fiches/13759.html" target="_blank"><img src="includes/themes/default/images/icons/misc/IE-16.gif" width="16" height="16" alt="Internet Explorer " /></a> 
    </div> 
    <span class="close">close</span> 
</div> 

正如你所看到的，這個建議的IE6用戶升級他們的瀏覽器

Answer 1

我會使用jQuery cookie plugin。

爲創建cookie的關閉鏈接的onclick事件綁定處理程序。在顯示div之前，請檢查cookie。

<script> 
$(function() { 
    var $box = $(".alertbox"), 
     stateCookieName = 'alertbox_state', 
     alreadyClosed = $.cookie(stateCookieName); 

    // The box should already be hidden initially (using CSS preferrably). 
    // If not, uncomment the line below: 
    // $box.hide(); 

    // Show the box if it hasn't already been closed. 
    if (alreadyClosed != 1) { 
    $box.show(); 
    } 

    $box.find('.close').click(function() { 
    $box.hide(); 
    $.cookie(stateCookieName, 1); 
    }); 
}); 
</script>

Answer 2

得到here cookie的功能，那麼你可以設置alertBox被默認爲隱藏和：

$(document).ready(function(){ 
    if(readCookie('warnedIE')==null){ 
    $('.alertbox').show(); 
    createCookie('warnedIE','true',30); 
    } 
}); 

Answer 3

我想你會發現在這個鏈接一些幫助：
http://www.thinkbohemian.com/2010/04/22/stack-overflow-style-notifications-using-jquery/