クッキーの追加ボタンのヒット

Question

クッキーの追加に問題があります。いくつかの答えを読んでください。しかし、あなたが以前にそれらと仕事をしたことがないかどうかは分かりません。

私が基本的にしたいのは、誰かが指定されたボタンをクリックした場合にクッキーを追加することです。たとえば、人が「好きなボタン」をクリックした場合、彼が前に出て行ったり、ページをリフレッシュしたり、クッキーが数日後に削除されても、隠されたコンテンツが表示されます。私は、次のされたコンテンツを非表示にするために使用何

：

HTML：

<div id="fd"> 
    <p>Button from below will become active once you hit like button!</p> 
    <div id="get-it"> 
     <a class="button"><img src="img/get-button.png"></a> 
    </div> 
</div> 
<div id='feedback' style='display:none'></div> 

のjavascript：私はrefresを打つ場合は

FB.Event.subscribe('edge.create', function (response) { 
    $('#feedback').fadeIn().html('<p>Thank you. You may proceed now!</p><br/><div id="get-it"><a class="button2" href="pick.html"><img src="img/get-button.png"></a></div>'); 
    $('#fd').fadeOut(); 
}); 

hを押すか、コンテンツページを前後に移動すると、再び非表示になります。これがボタンヒットにクッキーを追加したい理由です。いくつかの説明やサンプルコードを私に与えることができる人は誰ですか？ありがとうございました。

Answer 1

jQuery-cookie pluginを使用することをおすすめします。以下に使用例を示します。

// Create a cookie 
$.cookie('the_cookie', 'the_value'); 

// Create expiring cookie, 7 days from then: 
$.cookie('the_cookie', 'the_value', { expires: 7 }); 

// Read a cookie 
$.cookie('the_cookie'); // => 'the_value' 
$.cookie('not_existing'); // => null 

// EDIT 
// Attaching to a button click (jQuery 1.7+) and set cookie 
$("#idOfYourButton").on("click", function() { 
    $.cookie('the_cookie', 'the_value', { expires: 7 }); 
}); 

// Attaching to a button click (jQuery < 1.7) and set cookie 
$("#idOfYourButton").click(function() { 
    $.cookie('the_cookie', 'the_value', { expires: 7 }); 
}); 

Answer 2

クッキーの代わりにlocalStorageを使用することをお勧めします。