僅限當前訪問的隱藏元素

Question

我需要顯示粘貼到瀏覽器底部的橫幅。所以我用這些代碼：

$(document).ready(function(){ 
    $('#footie').css('display','block'); 
    $('#footie').hide().slideDown('slow'); 
    $('#footie_close').click(function(){ 
    $('#footie_close').hide(); 
    $('#footie').slideUp('slow'); 
    }); 
}); 

而這裏的HTML：

<div id="footie"> 
    {banner here} 
    <a id="footie_close">Close</a> 
</div> 

我加的緊密聯繫也讓用戶不得不關閉橫幅的選項。如何，當用戶導航到下一頁時，橫幅再次出現。我能做些什麼來設置橫幅只爲這次訪問保持隱藏？換句話說，只要瀏覽器保持打開狀態，橫幅就不會再顯示出來。但是如果用戶再次返回到同一個網站，橫幅應該再次加載。

在此先感謝您的幫助！

Answer 1

嘗試使用這個jQuery插件：http://plugins.jquery.com/project/Cookie

你應該能夠做這樣的事情（注意此代碼沒有經過測試）：

$(document).ready(function(){ 
    if($.cookie("hidefootie") { 
    $('#footie').css('display','block'); 
    $('#footie').hide().slideDown('slow'); 
    $('#footie_close').click(function(){ 
     $('#footie_close').hide(); 
     $('#footie').slideUp('slow'); 
     $.cookie("hidefootie", "true"); 
    }); 
    } 
}); 

Answer 2

Set a cookie表示橫幅已被解散，例如， hide_banner = 1.後續訪問時，如果設置了cookie，則不顯示橫幅。