如何使用cookies检测创建一个常见的jquery免责声明/验证（是/否选项）窗口？_Jquery_Cookies_Dialog_Window

如何使用cookies检测创建一个常见的jquery免责声明/验证（是/否选项）窗口？

jquery cookies

如何使用cookies检测创建一个常见的jquery免责声明/验证（是/否选项）窗口？,jquery,cookies,dialog,window,Jquery,Cookies,Dialog,Window,我在使用jquery插件时遇到了一些问题。这时会出现一个jquery窗口，询问用户是否同意这些条款。如果用户同意按yes，它将存储一个cookie，直到cookie过期，窗口才会返回。如果他们按“否”，它将重定向到另一个url 脚本如下当用户单击yes/green按钮时，如何集成jquery.cookies.js来编写cookie？我在谷歌上搜索了回电和其他东西都没有用我如何让reveal插件以这种方式工作请帮忙（PS）另一个用户提出的问题类似于但不相同，因为它通过单击“关闭”而

我在使用jquery插件时遇到了一些问题。这时会出现一个jquery窗口，询问用户是否同意这些条款。如果用户同意按yes，它将存储一个cookie，直到cookie过期，窗口才会返回。如果他们按“否”，它将重定向到另一个url

脚本如下

当用户单击yes/green按钮时，如何集成jquery.cookies.js来编写cookie？我在谷歌上搜索了回电和其他东西都没有用

我如何让reveal插件以这种方式工作

请帮忙

（PS）另一个用户提出的问题类似于但不相同，因为它通过单击“关闭”而不是“是非”按钮来执行相同的操作。 )

以下是我到目前为止的情况

<!--jQuery-->
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.reveal.js"></script>
    <script src="js/jquery.cookie.js"></script>


<script type="text/javascript">
$(document).ready(function() {

if (!(jQuery.cookie("agree"))) {  

    $('#modal').reveal({ // The item which will be opened with reveal
                    animation: 'fade',                   // fade, fadeAndPop, none
                    animationspeed: 500,                       // how fast animtions are
                    closeonbackgroundclick: false,              // if you click background will modal close?
                    dismissmodalclass: 'close'    // the class of a button or element that will close an open modal
                });
}
});

$(".close").live("click",function () {
    $.cookie("agree", 1, { expires: 1, path: '/' });
});     
</script>



</head>
<body>


<div id="modal">
<img src="images/images.jpg" alt="image test" width="360" height="194" hspace="0" vspace="0" border="0" align="top">
    <div id="heading">heading/div>

    <div id="content">
        <p>Do you agree yes or no?</p>

        <a href="#" class="button green close"><img src="images/tick.png">Yes</a>

        <a href="http://google.com" class="button red close"><img src="images/cross.png">No</a>
    </div>
</div>


$（文档）.ready（函数（）{
如果（！（jQuery.cookie（“agree”）{
$（'#model'）。显示（{//将使用显示打开的项目
动画：“fade'，//fade，fadeAndPop，无
动画速度：500，//动画有多快
closeonbackgroundclick:false，//如果单击background将关闭吗？
dismissmodalclass:'close'//将关闭打开模式的按钮或元素的类
});
}
});
$（“.close”）.live（“单击”），函数（）{
$.cookie（“同意”，1，{expires:1，路径：'/'}）；
});     
标题/部门>
你同意是还是不同意

HTML

<div id="modal">

    <img src="images/images.jpg" alt="image test" width="360" height="194" hspace="0" vspace="0" border="0" align="top" />

    <div id="heading">heading/div>

    <div id="content">

    <p>Do you agree yes or no?</p>

      <a id='agree' href="#" class="button green close"><img src="images/tick.png" /> Yes </a>            <a href="http://google.com" class="button red close"><img src="images/cross.png" /> No </a>    

    </div>

</div>

这里有一个显示所有不同选项的链接。我忘了提到这个脚本应该保存在网站的所有页面上。只要cookie过期或不存在，它应该随时出现在任何地方。。。所以它将是一个自动的popup@Ken这很好，您只需要确保您的脚本在所有页面上：）控制台说$.cookie不是一个函数。发生什么事？链接看到jquery.cookie.jsI不确定，它可能是js的顺序。。。我希望你得到这个工人！！！好的，所以我添加了你链接的站点中的modal.js到fiddle来测试它。。。注意控制台日志。确保模式的css是“#modal{visibility:hidden；}”而不是“#modal{display:none；}”另外，不要立即点击“yes”…只需点击“no”并刷新页面几次，这样您就可以看到cookie没有设置，并且所有工作正常。之后，点击“是”按钮并刷新，这样你就可以看到cookie设置了。如果你想通过将cookie值更改为test来搞乱它。。。只需更改参考值的两个点。现在它被设置为“iagree”，如果您对答案满意，请不要忘记单击我的答案旁边的复选标记以接受它：）

$('document').load(function() {


    //Check cookie value
    if ($.cookie("disclaimer") != 'agree') {

        $('#modal').reveal({ 
            animation: 'fade',                   
            animationspeed: 500,                       
            closeonbackgroundclick: false,
            dismissmodalclass: 'close'    
        });

    }


    // Attach click function to button '#agree' to set cookie
    $("body").on("click", "#agree", function () {
        $.cookie("disclaimer", "agree", { expires: 365, path: '/' });
    });



});