使用toggleClass設置cookie與jquery cookie.js

我有一組縮略圖以下的HTML，我用一個圖標（圖標心）來設置一個圖像的最愛通過改變圖標的顏色爲紅色和添加類=「收藏」：使用toggleClass設置cookie與jquery cookie.js

<div class="selectFav"> 
<a href="slide.jpg" data-rel="prettyPhoto[Gallery]" title="Slide"><img src="slide.jpg" alt="Slide" width="124" height="124"/></a> 
<ul class="icon"> 
<li> <div class="icon-heart"></div> </li> 
<li> <div class="icon-camera"></div> </li> 
</ul> 
</div>

的CSS：

.flag{ 
color:red; 
}

我想用查詢cookie.js當個體拇指被設置爲喜愛的設置cookie。問題是，當我嘗試設置cookie，我將所有的圖標，心臟圖標顯示爲收藏，而不僅僅是一個特定selectFav

$(".icon-heart").on('click', function() { 
$(this).toggleClass('flag').closest('.selectFav').addClass('Favorite'); 
});

任何幫助，將不勝感激！

來源

2012-09-13 Macsupport

爲什麼需要cookie？當點擊這個作爲收藏夾，或者你想隱藏心臟圖標時，也許ajax文章會很好？ –

當然，我希望返回的訪問者仍然可以在頁面上看到他們保存的收藏夾。心臟圖標會改變顏色，隱藏它會使目標失敗，並且不允許它們回來並在未來將其選爲最喜歡的圖像，如果它隱藏的話。 – Macsupport

好吧，讓我試試一個答案:-) –

我做了這個給你作爲一個例子：

現場演示：

http://jsfiddle.net/oscarj24/GUUjr/1/

這將幫助你以瞭解如何管理Cookie。

說明：

只是click你想要的心中的第一關鍵時刻（那些心中便dissapear），然後單擊Run按鈕的時候，只要你想看看，以前的心裏還是dissapeared Cookie的原因。
您可以點擊Kill the cookie按鈕重新開始一切。請閱讀代碼評論以獲得更好的理解。

來源

2012-09-13 20:12:33

非常感謝你的努力！不幸的是，我不能讓圖標消失。大多數情況下，這意味着只要人們選擇了最喜歡的選擇，他們就不能改變它，除非他們殺掉cookie。無法輕鬆切換。這裏是一個jsfiddle向你展示它如何在我的畫廊工作。 [http://jsfiddle.net/macsupport/6MKeg/](http://jsfiddle.net/macsupport/6MKeg/） – Macsupport

很簡單，等待我的更新 –

期待看到它。 – Macsupport

使用toggleClass設置cookie與jquery cookie.js

回答

相關問題