Question

当用户点击隐藏元素时，我在jQuery中有这个函数：

  $(".colabs-image").click(function() {
    $( this ).parent().addClass('is-visited');
  });

我想使用cookie来存储用户点击的元素，并在下次访问时显示。

Whit $(this).parent().attr('href'))我有元素的ID，但我知道如何管理此任务的cookie。

Answer 1

查看jQuery Cookie插件。它使得使用cookie变得非常简单。

创建cookie非常简单：

$.cookie('the_cookie', 'the_value');

如果要将元素存储在cookie中，则需要更多工作。如果元素的id是静态的，那么您可以将它们存储在一个数组中，然后使用JSON.stringify将其存储到cookie中：

var elements = [];
$(".colabs-image").click(function() {
    $(this).parent().addClass('is-visited');
    elements.push($(this).parent().attr('id')); //add the id to the array of elements
    $.cookie('elements', JSON.stringify(elements));
});

要检索元素，您必须使用JSON.parse：

var elements = JSON.parse($.cookie('elements'));
for(var i = 0; i < elements.length; i++) {
    $("#" + elements[i]).addClass('is-visited');
}

Jquery Cookie onclick功能

1 个答案: