Установка cookie с помощью jquery cookie.js с использованием toggleClass

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, используя запрос cookie.js, когда индивидуальный большой палец установлен в качестве избранного. Проблема в том, что когда я пытаюсь установить 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 застегните время, как вы хотите, и посмотрите, что предыдущие сердца все еще исчезли из-за печенья.

• Вы можете нажать Kill the cookie Кнопка, чтобы начать все снова. Пожалуйста, прочитайте комментарии к коду для лучшего понимания.