jquery - 如何使用 jQuery 在不刷新页面的情况下更新 cookie 值？

Question

我目前正在使用 jQuery Cookies 插件，并且根据查看者点击页面的哪一侧，应用 cookie:

<div id="leftClick">Click Me</div>
<div id="rightClick">Click Me</div>

问题是一旦 cookie 被存储，如果不刷新它就不会更新。因此，如果查看者单击右侧元素，但在刷新页面之前，然后单击左侧元素，尽管 cookie 已被 _left 覆盖，但由于页面尚未刷新，它仍会报告 right_。有没有一种方法可以在不刷新页面的情况下实时读取cookie？

<script type="text/javascript">
    var readCookie = $.cookie('whichSide');
    $(document).ready(function() {
       $('#leftClick').click(function(){
        $.cookie('whichSide', 'left_');
      }); 
    $('#rightClick').click(function(){
        $.cookie('whichSide', 'right_');
      });
    $('#login').click(function(){
        _gaq.push(['_trackEvent', 'viewerChose', readCookie+'side']);
    });   
  });  
​</script>  

Answer 1

这是因为您将 Cookie 的值存储在 readCookie 变量中。当您更新 cookie 时，该变量不会自动更新，这就是为什么您在引用它时会得到旧值。

你可能想要这样的东西:

$('#login').click(function(){
    _gaq.push(['_trackEvent', 'viewerChose', $.cookie('whichSide')+'side']);
});