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 を設定したい。問題は、クッキーを設定しようとすると、その特定の 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 に答える