使用jquery隐藏/关闭按钮

qf9go6mv  于 2022-12-12  发布在  jQuery
关注(0)|答案(3)|浏览(176)

我创建了一个div框,点击后会被删除。会有一个小的“X”图像,当你点击它时,这个框会消失。应该不会有一个选项来再次显示它。理想情况下,我想以某种方式将信息保存到cookie中,这样它就不会在页面刷新或查看其他页面时出现(这将在整个站点实现)。
下面是我的简单示例代码:
http://jsfiddle.net/2gNrC/ ``

6vl6ewon

6vl6ewon1#

这里有一个使用localStorage的解决方案--我把它留给读者作为一个练习来切换到使用cookie:
http://jsfiddle.net/aTKs5/7/

lvjbypge

lvjbypge2#

快而脏:(网址: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();
    }
  }

});

tzxcd3kk

tzxcd3kk3#

我相信你说的是一个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");
                        }
                    }

                ]
    });

相关问题