0

carhartl のjquery.cookie.jsスクリプトをモーダル スクリプトに追加しようとしています。これにより、ユーザーが 3 日間そこにいない/モーダルを表示していない場合、またはユーザーが最近キャッシュをクリアした場合にのみモーダルを表示できます。

これが私がこれまでに持っているものです...

このコードは現在、ボタンを自動クリックしてモーダルウィンドウを起動することでモーダルを起動し、完全に機能します。(ボタンを必要とせずにモーダルを自動ロードするように、これを再加工する方法があるかもしれないことを私は知っています。その部分を再加工するのを手伝ってくれるなら、私も感謝します。)

<div style="visibility:hidden;">
   <button class="md-trigger" id="modal11" data-modal="modal-11"></button>
</div>

<script>
jQuery(function(){
   jQuery('#modal11').click();
});
</script>

しかし、モーダルにクッキーを追加するスクリプトを追加すると、問題が発生したようです。以下のコードを表示して、どこが間違っているかを確認してください...

<div style="visibility:hidden;">
   <button class="md-trigger" id="modal11" data-modal="modal-11"></button>
</div>

<script>
   $(document).ready(function() {
      if ($.cookie('modal_shown') == null) {
         $.cookie('modal_shown', 'yes', { expires: 3, path: '/' });
         $('#modal11').click();
      }
   });
</script>

これについてご提供いただけるご支援をよろしくお願いいたします。本当にありがとうございました。;-)


@zigdawgydawg の助けに基づいた私の更新は次のとおりです...しかし、まだ機能していません...

<script>
$(document).ready(function() {
   $('#modal11').click(function();
});

console.log($.cookie('modal_shown'));
   if ($.cookie('modal_shown') == null) {
      console.log('creating cookie');
   $.cookie('modal_shown', 'yes', { expires: 365, path: '/' });
   $('#modal11').click();

}
console.log($.cookie('modal_shown'));
});
</script>
4

1 に答える 1