jQuery的餅乾的onclick功能

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是靜態的，那麼你可以將它們存儲在一個數組，然後存儲到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'); 
}