2

ユーザーが要素をクリックしたときに要素を非表示にするために、jQueryに次の関数があります。

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

Cookie を使用して、ユーザーがクリックした要素を保存し、次回訪問したときに表示したいと考えています。

私$(this).parent().attr('href'))は要素の ID を持っていますが、このタスクの Cookie を管理する方法を知っています。

4

1 に答える 1

7

jQuery Cookieプラグインを見てみましょう。これにより、Cookie の操作が非常に簡単になります。

Cookie の作成は次のように簡単です。

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

要素を Cookie に保存する場合は、もう少し作業が必要になります。要素の ID が静的な場合は、それらを配列に格納してから、次を使用して Cookie に格納できますJSON.stringify。

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');
}
于 2013-06-30T17:36:16.873 に答える