如何使用插件jquery.cookie？

Question

我正在尝试使用 jquery.cookie 插件在本地机器上设置 cookie。我已经下载了所需的 jquery 文件并使用以下代码创建了一个 html 文件：

<!DOCTYPE html>
<html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <script type="text/javascript" src="jquery-1.11.2.min.js "></script>
   <script type="text/javascript" src="jquery.cookie.js "></script>
  </head>
  <body>
   <script>
     $(document).ready(function(){
       $.cookie('name','value');
     });
   </script>
  </body>
</html>

但是 Google Chrome 中没有设置 cookie。怎么了？谢谢

Answer 1

我想出了如何做到这一点：首先必须在服务器中打开 html 文件。我已经配置了 apache，所以我用本地主机打开文件。然后代码：

<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <script type="text/javascript" src="../javaframeworks/jquery-1.11.2.min.js"></script>
   <script type="text/javascript" src="../javaframeworks/jquery-cookie/src/jquery.cookie.js"></script>
   <link rel="stylesheet" type="text/css" href="../css/shadowbox.css" />
   <script type="text/javascript">
      if ($.cookie('backdrop')==null){
          $(document).ready(function(){
             $('.backdrop, .box').animate({'opacity':' 0.85'}, 250, "linear");
             $('.box').animate({'opacity':' 1.00'}, 250, "linear");
             $('.backdrop , .box').css('display', 'block');
             $('.close').click(function(){
                 close_box();
             });
             $('.backdrop').click( function(){
                 close_box();

             });  

          });
          $.cookie('backdrop','1');
       }
       function close_box(){
          $('backdrop, .box').animate({'opacity':'0'},250, 'linear',function(){
                $('.backdrop , .box').css('display', 'none');
          });
        }  
    </script>
</head>
<body>
     <div class="backdrop"></div>
     <div class="box">
         <div class="close"><img src="../img/big_close.png"></div>
         <div class="contentbox">
             <img src="../img/warning.jpg" id="aviso">
             <h4 id="msg"> Está página está em fase de desenvolvimento</h4>
         </div>
     </div>
</body>
</html>

这段代码的目标是在页面内容前面显示一个 div 和一条消息，并放置一个 opact 背景。但是只有用户第一次打开页面。

如何使用插件jquery.cookie？

How to use the plugin jquery.cookie?

cookies

jquery-plugins