1

常にポップアップするために使用できるこの POPUP があります。これに 7 日間の Cookie を追加したかったのですか? 私が持っているものでそれは可能ですか？

<script type="text/javascript">
jQuery(document).ready(function() {
    $.fancybox(
        '<h2>' + {{ settings.popup_title | json }} + '</h2><p>' + {{ settings.popup_content | json }} + '</p>',
        {
             'autoDimensions'   : false,
            'width'                 : 450,
            'height'                : 'auto',
            'transitionIn'      : 'none',
            'transitionOut'     : 'none'
        }
    );
});
</script>
4

2 に答える 2

2

この回答に基づいて、好きなものでコードを微調整できます：

function openFancybox() {
    setTimeout(function () {
        $.fancybox(
            '<h2>' + {
            {
                settings.popup_title | json
            }
        } + '</h2 > < p > ' + {
            {
                settings.popup_content | json
            }
        } + ' < /p>', {
            'autoDimensions': false,
            'width': 450,
            'height': 'auto',
            'transitionIn': 'none',
            'transitionOut': 'none'
        });
    }, 5000);
}
$(document).ready(function () {
    var visited = $.cookie('visited');
    if (visited == 'yes') {
        return false;
    } else {
        openFancybox();
    }
    $.cookie('visited', 'yes', {
        expires: 7
    });
});

これにより、最初の訪問時のみ 5 秒後 (または希望する時間) に fancybox がトリガーされ、その後 7 日間、訪問者がブラウザーのキャッシュ/Cookie をクリアしていないと仮定します。

jQuery cookie plugin、および jQuery + fancybox js および css ファイルが正しくロードされていることを確認してください。

于 2013-09-16T17:46:01.420 に答える