jQuery - 点击更改类并通过cookie记住

Question

嘿伙计。我正在设置一个页面，如果你点击一个链接，这个类将会改变。更进一步，这将不得不存储在一个cookie中。每个A标签都有一个唯一的ID。

例如，下面是我的榜样链接：

<a href="#" id="unique1" class="up">Link text</a> 

当用户点击该链接，然后将需要的类是“向下”改变一个cookie将不得不被保存一周，记忆这个点击。以后任何对该页面的访问都必须引用cookie，并且如果之前点击了该链接，则相应地设置该类。

我对JavaScript和jQuery的知识很少..这只是我的头脑之上。有关如何进行这项工作的任何建议？

Answer 1

确定您可以将该类更改为关闭点击。

$(".up").click(function(evt){ $(event.target).removeClass("up").addClass("down"); }); 

Cookie处理JS？ Read up a bit就此。您基本上想要将唯一ID设置为cookie中的数组/列表。然后在页面加载执行此操作。

// list = ['#unique1', '#unique2' ... '#unique-n']; 
for(var id in list) 
{ 
    $(id).removeClass("up").addClass("down"); 
} 

Answer 2

我会用这个插件来实现这一点：

http://code.google.com/p/cookies/

的代码可能是这样的：

// set default options 
    // expires date 
    var $todayDate = new Date(); 
    var $expireDate = ($todayDate.getDate() + 7) + '/' + $todayDate.getMonth() + '/' + $todayDate.getFullYear(); 

     $.cookies.setOptions({ 
      expiresAt: $expireDate; 
      }); 


    // click functionality 
     $('#unique1').click(function(){ 

      var $this = $(this); 

      $this.removeClass('up').addClass('down'); 

      var $thisClass = $this.attr("class"); 

      $.cookies.set('ckClass', $thisClass); 

      return false; 

     }); 

检查Cookie值，并确保类是目前使用类似于：

var $ckVal = $.cookies.get('ckClass'); 
    if ($ckVal) { 
     if ($ckVal == 'up') { 
      $('#unique1').attr('class', '').addClass('up'); 
     } else { 
      $('#unique1').attr('class', '').addClass('down');} 
    }