jQuery-cookieの検索結果1 - 2 件 / 2件

• あとで読む

  【jQuery】初回アクセス時のみポップアップ表示（jquery.cookie.js使用） | LIOT BLOG

  • 10 users
  • osyu-web.com
  • テクノロジー
  • 2019/08/14

  jquery.cookie.jsは、PHPなどの環境がなくてもcookieを取り扱うことができるとても便利なjQueryのライブラリです。今回はこちらを用い、初回アクセスの１回だけ画面全体にLightbox風のオーバレイポップアップ画面を表示させる方法をご紹介します。 ※2019.4.15 一部ご指摘を受けたためコードを修正しました。 DEMOプログラムの動作デモページを用意しました。下記リンク先をご確認下さい。 » 初回アクセスのときのみポップアップ画面を表示させるサンプル 設置方法jQuery本体・jquery.cookie.jsの読み込みどちらもCDNで配布されています。下記コードをそのまま＜head＞内に記述します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></sc

  • jquery

  
• あとで読む

  jquery.cookie.jsでクリックしたら要素を一定期間表示させないようにする方法

  • 4 users
  • yuyauver98.me
  • 暮らし
  • 2020/09/08

  こんにちは、 ゆうやです！ 本記事では、jquery.cookie.jsでクリックしたらその要素を一定期間表示させないようにする方法をご紹介します。 例えば、使い方が少し分かりづらいUIのチュートリアルを吹き出しデザインで表示して「OK」ボタンをクリックで非表示にしたり。 はたまた右下のほうに会員登録を促すバナーを設置したりと用途は多岐にわたると思います。 そのようなブロックには「クリックしたら次回以降（一定期間の間）そのページにアクセスした際は表示しない」という処理をすることがあり、そこでjQueryのプラグイン jquery.cookie.jsを使用します。 今回はそんな超便利なjquery.cookie.jsの使い方と表題のサンプルをご紹介します。 それでは参りましょう！ 完成イメージの共有先に完成イメージを確認したい方は以下よりご覧になってください(^o^) デモページでサンプルを