如何使用插件jquery.cookie？

我想在我的本地機器上使用jquery.cookie插件設置一個cookie。我已經下載了需要的jquery文件，並用此代碼創建一個html文件：如何使用插件jquery.cookie？

<!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。哪裏不對？謝謝。

來源

2015-02-05 João

我想出瞭如何做到這一點：首先html文件必須在服務器中打開。我已經配置了apache，所以我用localhost打開文件。然後代碼：

<!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背景。但只有用戶第一次打開該頁面。

來源

2015-02-06 13:40:53

如何使用插件jquery.cookie？

回答

相關問題