将jQuery cookie放在年龄免责声明中

Question

我已经下载了jQuery cookie。当用户同意他们的年龄超过21岁时，我想放置一个cookie，因此下次他们访问该网站之前，直到到期之前。我对此表示感谢，因为我没有cookie的经验，而且现在是我代码网站谋生的时候了。提前谢谢你。

<div id="dialog" title="Must Be 21 Years Old to Enter">Are you 21 years old?</div>

<script>  
$( "#dialog" ).dialog ({ 
            autoOpen: true,
            width: 410
});
$("#dialog").dialog ({
    dialogClass: "no-close",
  buttons: {
    'Yes, I am 21 years old!': function() {
     /*cookie code here!!!*/
       $("#dialog").dialog("close");
    },
    'No, I am not 21 years old.': function() {
        window.location.href = "http://www.google.com",
        $("#dialog").dialog("close");
    }
  }
});
</script>

Answer 1

您不需要jQuery来设置cookie，因为DOM API提供了自己的方法。

document.cookie="newCookie=value"; 

，在您的情况下，

$("#dialog").dialog ({
dialogClass: "no-close",
buttons: {
    'Yes, I am 21 years old!': function() {
       document.cookies = "ageConfirm=true";
       $("#dialog").dialog("close");
    },
    'No, I am not 21 years old.': function() {
        document.cookies = "ageConfirm=";
        window.location.href = "http://www.google.com",
        $("#dialog").dialog("close");
    }
  }
});

您也可以使用JS-Cookie.js，这是所有cookie操作的轻量级JS插件。

Answer 2

只需使用document.cookie =" ageconfirm = 1";

要检查已设置您的cookie，您可以在Google开发人员工具中使用"应用程序">"存储"选项卡。http://prntscr.com/foz7lh

您可以在此处阅读更多：https：//developer.mozilla.org/en-us/docs/web/api/document/cookie/cookie/cookie