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

コード自体は問題ないように見えますが、jQueryの標準部分ではないため、jQueryクッキー プラグインscriptへの参照も含める必要があります。

<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 に答える