0

現在、Zurb Foundation フレームワークを使用しています。ページの読み込み時に表示されるモーダルを作成したいと考えています。このモーダルでユーザーのブラウザに Cookie を保存して、以前にサイトにアクセスした場合に同じモーダルが再度表示されないようにしたいと考えています。

これは、初期基盤に使用されるjQueryを使用してこれを実装しようとした方法です。ワードプレスでこれを実装しているため、jQuery no conflict ラッパーを使用していることに注意してください。

jQuery(document).ready(function($){


$('#myModal2').foundation('reveal', 'open');

 var shown = $.cookie('dialogShown');
      if (!shown) {
            setTimeout(function() {
                  $('#myModal2').foundation({modal: true});
                  $.cookie('dialogShown', 'true');
            }, 2000);





      }});

このコードでは目的の出力が得られません。ページの読み込み時にモーダルが何度も開き、Cookie を保存せずに、誰かが私を助けてくれれば本当にありがたいです。ありがとう

4

2 に答える 2

1

あなたが貼り付けたコードは、あなたが書いたことを正確に実行しています。

ドキュメントの準備ができたら、公開モジュールを開きます (詳細はhttp://foundation.zurb.com/docs/v/4.3.2/components/reveal.htmlを参照してください) 。

そして、クッキーの魔法があります。上記の動作が必要な場合は、モーダルを開く前に Cookie を確認する必要があります。:)

于 2015-06-28T23:08:30.123 に答える