使用jQuery Cookie在浏览器中存储onclick事件

Question

我正在处理帖子的新闻提要，这些帖子在单击时会过滤掉列出的内容类型。

<div class="option all"    onclick="Stories('all',0);"></div>
<div class="option photos" onclick="Stories('photos',0);"></div>
<div class="option videos" onclick="Stories('videos',0);"></div>      
<div class="option music"  onclick="Stories('music',0);"></div>

这是我用于自定义每个按钮的CSS样式并保存它的代码。

$('.option').eq($.cookie('active')).addClass('clicked');
$(".option").click(function (e) {
    $.cookie('active', $('.option').index(this));
    e.preventDefault();
    $(this).toggleClass("clicked");
    $(".option").not(this).removeClass("clicked");
});

如何使用jquery.cookie.js存储“ onclick”事件？ 在浏览器上重新加载默认的“全部”显示，但我希望显示帖子的最后一个“ onclick”选项，而不仅仅是css样式，因此我需要一种保存“ onclick”的方法

Answer 1

我建议使用localStorage代替cookie ：

您无需任何库即可轻松处理localStorage并且所有现代浏览器（IE8 +）都支持该存储：

localStorage.setItem('lastClicked', 'Your value here'); //save
localStorage.getItem('lastClicked'); //retrieve

查看文档 。

这是浏览器支持 。

[更新]-将代码与click事件集成

$(document).ready(function(){ 
  $('.clicked').click(function(){
    localStorage.setItem('lastClicked', this); //replace this for whatever you want to store
  });
});