將Cookie添加到年齡驗證彈出框

我對JavaScript或jQuery並不是很有經驗，但我創建了一個年齡驗證彈出窗口。我需要添加cookie到我的「yes button」功能，所以彈出窗口不會顯示用戶是否在7天內訪問。這裏是codepen 將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 });

來源

2016-10-17 kp_marz

可能的重複[如何設置/取消cookie與jQuery？]（http://stackoverflow.com/questions/1458724/how-do-i-set-unset-cookie-with-jquery） –

這裏是它如何工作的一個例子：

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-17 21:43:16

將Cookie添加到年齡驗證彈出框

回答

相關問題