jquery路径点和cookie

Question

我目前正在使用jQuery-waypoints在我的网站上动画/淡入宣传片一旦到达某个领域。由于我在几个页面上都有这些内容，所以对于我的最终用户来说，这可能会变得非常烦人，我想知道是否有一种方法可以将其与jQuery结合起来，以便只动一次动画。

我现在的路标代码：

     $('.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('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的最佳方法，但它应该能工作。