Question

我创建了一个div框，应该在点击时删除。会有一个小的“X”图像，当你点击它时，框就会消失。不应该有再次显示它的选项。理想情况下，我想以某种方式将信息保存到cookie中，以便它不会出现在页面刷新或查看其他页面时（它将在站点范围内实现）。

这是我的简单示例代码：

Answer 1

以下是使用localStorage的解决方案 - 我将其作为练习留给读者切换到使用Cookie：

Answer 2

又快又脏：（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 3

我相信你在谈论一个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");
                        }
                    }

                ]
    });

使用jquery隐藏/关闭按钮

3 个答案: