帶jQuery的隱藏/關閉按鈕

Question

我創建了一個應該在點擊時刪除的div框。會有一個小的「X」圖像，當你點擊它時，該框消失。應該沒有選項可以再次顯示。理想情況下，我想以某種方式將信息保存到cookie中，以便它不會出現在頁面刷新或查看其他頁面時（它將在站點範圍內實施）。

這裏是我的簡單示例代碼：

http://jsfiddle.net/2gNrC/

Answer 1

快速和骯髒的：（http://jsfiddle.net/bambitlaw/RsS5V /）

$(document).ready(function(){ 
$('#closebutton').click(function(){ 
    $('#box').hide(); 
    $(this).hide(); 
    document.cookie="hideit=yes"; 
});  
var i,x,y,ARRcookies=document.cookie.split(";"); 
for (i=0;i<ARRcookies.length;i++) 
{ 
    x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); 
    y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); 
    x=x.replace(/^\s+|\s+$/g,""); 
    if (x=="hideit") 
    { 
    $('#box').hide(); 
    $('#closebutton').hide(); 
    } 
    } 

}）;

Answer 2

我相信你是在談論一個jQuery對話框。我通常使用「X」字符本身，它看起來不錯。樣本如下。

$('#yourdiv').dialog({ 
     closeOnEscape: true, 
     draggable: true, 
     modal: true, 
     closeText: 'X', 
     width: 500, 
     title: 'Your Title', 
     buttons: [ 
        { 
         text: "Save", 
         click: function() { 
          $(this).dialog("close"); 
         } 
        }, 
        { 
         text: "Cancel", 
         click: function() { 
          $(this).dialog("close"); 
         } 
        } 

       ] 
    }); 

Answer 3

這是一個使用localStorage的解決方案 - 我把它作爲一個練習，讀者可切換到使用cookie：

http://jsfiddle.net/aTKs5/7/