使用toggleClass使用jquery cookie.js设置cookie

Question

我有一组缩略图的html，我使用图标（icon-heart）通过将图标的颜色更改为红色并添加class =“Favorite”来设置图像的收藏夹：

 <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');
});

任何帮助将不胜感激！

Answer 1

我为你做了这个例子：

现场演示：

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

• 这将有助于您了解如何管理Cookie。

<强>说明：

• 只需click你想要的第一个时刻的心（那些心会消失）然后点击Run按钮按你想要的那样，看看之前的心仍然消失了cookie中。

• 您可以点击Kill the cookie按钮重新启动所有内容。请阅读代码注释以便更好地理解。