0

我在 JavaScript 或 jQuery 方面不是很有经验，但我创建了一个年龄验证弹出窗口。我需要将 cookie 添加到我的“是按钮”功能中，这样弹出窗口就不会显示用户是否在 7 天内访问。这是代码笔

我已经进行了足够的研究，知道我应该使用 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 回答