0

我想将 cookie 添加到我的模态对话框中，但我不知道如何。我想添加 24 小时的 cookie，有人可以帮忙吗？这是我的模态对话框代码：

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>
<script type="text/javascript" href="/jquery/jquery.cookies.js"></script>

<script>
$(function() {
        // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
        if ($.cookie('showDialog') == undefined || $.cookie('showDialog') == null || $.cookie('showDialog') != 'false') {

        $( "#dialog:ui-dialog" ).dialog( "disable" );
         $( ".selector" ).dialog({ hide: "slide" });
        $( "#dialog-modal" ).dialog({
            width:860,
            height: 420,
            modal: true,
            resizable:false,
            draggable:false
        });
        $.cookie('showDialog', 'false', { expires: 1 }); // set the cookie, with expiry after 1 day
}
    });

    </script>



<link href="http://xxx.com/jquery/jquery.ui.all.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="dialog-modal" title="Like Us on Facebook">
    <div class="fb-like-box" data-href="http://www.facebook.com/xxx" data-width="820" data-height="335" data-show-faces="true" data-stream="false" data-header="false"></div> 
</div>
4

1 回答 1

2

您的代码本身看起来不错，但是您还应该包含script对 jQuery cookies 插件的引用，因为它不是 jQuery 的标准部分。

<script type="text/javascript" href="/scripts/jquery.cookies.js"></script>

您还需要在显示对话框后设置 cookie：

if ($.cookie('showDialog') == undefined || $.cookie('showDialog') == null || $.cookie('showDialog') != 'false') {
    // show dialog...
    $.cookie('showDialog', 'false', { expires: 1 }); // set the cookie, with expiry after 1 day
}
于 2012-08-07T09:41:08.897 回答