jquery航點和餅乾

Question

我目前在我的網站上使用jQuery-waypoints來動畫/淡入到一定區域的促銷。由於我在幾頁上有這些內容，因此對於我的最終用戶而言可能會變得非常煩人，我想知道是否有方法將此與jQuery-cookie結合使用，以便僅進行一次動畫製作。

我目前的航點代碼：

 $('.banner1').waypoint(function() { 
     $('.banner1').removeClass('hidden'); 
     $('.banner1').addClass('animated fadeInLeft'); 
    }, { 
     offset: '100%' 
    }); 

一些專家提醒，將不勝感激，謝謝。

Answer 1

當使用jQuery的餅乾，你可以使用如下代碼：

$.cookie('cookie_name', 'cookie_value'); // set cookie value 

而這一次返回一個餅乾值：

$.cookie('cookie_name'); // get cookie value 

現在你需要做的是檢查是否有特殊Cookie設置，如果是這樣：什麼也不做，如果沒有設置：你的動畫，並設置此cookie，例如：

$('.banner1').waypoint(function() { 
     // check if cookie is undefined or empty 
     if (typeof $.cookie('banner1') === 'undefined' || $.cookie('banner1').length <= 0) { 
      $.cookie('banner1', 'some-value-here'); // set cookie value 
      $('.banner1').removeClass('hidden'); 
      $('.banner1').addClass('animated fadeInLeft'); 
     }  
    }, { 
     offset: '100%' 
    }); 

編輯：我不確定這是檢查cookie是否設置的最好方法，但它應該可以工作。