0

JavaScript や jQuery の経験はあまりありませんが、年齢確認ポップアップを作成しました。ユーザーが 7 日以内にアクセスした場合にポップアップが表示されないように、「はいボタン」機能に Cookie を追加する必要があります。コードペンはこちら

js-cookie を使用する必要があることを十分に調査しました。実装方法がわかりません。これは私が持っている限りです。

<!--HTML-->
<div class="popup"> 
    <div class="popupWindow">
            <div class="popup_txt">
            <div class="row">
            <center><img src="images/logo.png" class="img-responsive" width="400px"></center>
            </div>
           <hr style="border-top: 1px solid #000;">
            <div class="row">
                    <h2>Where You Born Before</h2>
                    <h1 class="text-center"><span id="date"></span>?</h1>

            <div class="popup_img answer">
                    <button class="popup_img_yes btn btn-primary btn-lg">Yes</button>
                    <button class="popup_img_no btn btn-primary btn-lg">No</button>
                    </div>
            </div>
    </div>


jQuery(document).ready(function( $ ) {
jQuery(".popup_img_yes").click(function(){
jQuery(".popup").fadeOut( 1200 ); });
});

どういうわけか次を使用する必要があると思います：

Cookies.set('name', 'value', { expires: 7 });
4

1 に答える 1

0

これがどのように機能するかの例を次に示します。

var Cookies2 = Cookies.noConflict();

$(".popup_img_yes").click(function() {
  $(".popup").fadeOut(1200);
  Cookies2.set('name', 'value', { expires: 7 });
});
<!--HTML-->
<div class="popup">
  <div class="popupWindow">
    <div class="popup_txt">
      <div class="row">
        <center>
          <img src="images/logo.png" class="img-responsive" width="400px">
        </center>
      </div>
      <hr style="border-top: 1px solid #000;">
      <div class="row">
        <h2>Where You Born Before</h2>
        <h1 class="text-center"><span id="date"></span>?</h1>

        <div class="popup_img answer">
          <button class="popup_img_yes btn btn-primary btn-lg">Yes</button>
          <button class="popup_img_no btn btn-primary btn-lg">No</button>
        </div>
      </div>
    </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://github.com/js-cookie/js-cookie/blob/master/src/js.cookie.js"></script>

于 2016-10-17T21:43:16.643 に答える