Question

我目前正在我的网站上使用 jQuery-waypoints ，一旦到达某个区域，就会制作动画/淡入效果宣传片。由于我在几个页面上都有这些，这对我的最终用户来说可能会非常烦人，我想知道是否有办法将其与 jQuery-cookie 结合使用，以便仅动画一次。

我目前的航点代码：

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

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

Answer 1

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

$.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是否设置的最佳方式，但它应该有效。

jquery航路点和cookie

1 个答案: