0

我有一组缩略图的以下 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 时，我将所有 icon-heart 图标设置为收藏夹，而不仅仅是那个特定 selectFav 的图标

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

任何帮助，将不胜感激！

4

1 回答 1

0

我为你做了这个作为例子：

现场演示：

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

  • 这将帮助您了解如何管理 cookie。

指示：

  • 只是click你在第一时间想要的心（那些心会消失）然后按Run你想要的时间按钮，看看之前的心仍然消失了饼干的原因。

  • 您可以单击Kill the cookie按钮重新开始一切。请阅读代码注释以获得更好的理解。

于 2012-09-13T20:12:33.870 回答