Question

<div id="cookierr" class="cook"><a href="" style="text-decoration:none; color:#ffffff">This site uses cookies Learn more</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I understand Hide this message <img src="<?=$img_loc?>abc.png" style="margin-bottom:-4px; cursor:pointer;" class="cross"/></div>

        <script>
         $(function() {
          $(".cross").on("click", function(){
            $(".cook").remove();
            $.cookie('cook', '1', { expires: 365, path: '/' });
          });
        });
        </script>

在我的网站上，当你点击abc.png即交叉按钮时，这是一个div。整个div被删除，我将它保存为cookie，以便用户再也看不到这一点。但cookie部分显示错误。我做错了什么PLZ帮帮我

Answer 1

从错误中可以看出，cookie插件没有添加到页面中。

使用CDNJS

添加

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.js"‌></script>

或从script file下载plugin site并将其包含在您的信息页

中

如果已经设置了cookie，您可能必须添加代码以在页面加载时将其删除

$(function () {
    var cookie = $.cookie('cook');
    if (cookie) {
        $(".cook").remove();
    } else {
        $(".cross").on("click", function () {
            $(".cook").remove();
            $.cookie('cook', '1', {
                expires: 365,
                path: '/'
            });
        });
    }
});

演示：Fiddle

在javascript中使用cookies

1 个答案: