Question

我在JavaScript或jQuery方面不是很有经验，但我创建了一个年龄验证弹出窗口。我需要在我的＆＃34;是按钮＆＃34;中添加cookie。功能，以便弹出窗口不显示用户是否在7天内访问。这是codepen

我已经研究了足够的知道我应该使用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 });

Answer 1

以下是一个如何运作的示例：

overflow-y: scroll;

var Cookies2 = Cookies.noConflict();

$(".popup_img_yes").click(function() {
  $(".popup").fadeOut(1200);
  Cookies2.set('name', 'value', { expires: 7 });
});

将Cookie添加到年龄验证弹出窗口

1 个答案: