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

查看documentation。

这是browser support。

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

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

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

1 个答案: