jquery航路点和cookie

我目前正在使用我的网站上的jQuery航路点对到达特定区域的促销活动进行动画/淡入淡出。因为我在几个页面上都有这些，这可能会让我的最终用户非常恼火，我想知道是否有一种方法可以将它们与jquerycookie结合起来，以便只制作一次动画

我的当前航路点代码：

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

---

非常感谢一些专家的建议。

使用jQuery cookie时，您可以使用以下代码：

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

这个函数用于返回cookies值：

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

$（'.banner1'）。航路点（函数（）{
//检查cookie是否未定义或为空
如果（typeof$.cookie（'banner1'）=='undefined'| |$.cookie（'banner1'））.length似乎是个不错的方法，非常感谢。我将尝试一下并报告。