2015-06-01 45 views
1

我試圖使用IMakeWebThings Waypoints與丹尼爾伊登的Animate.css文件基本上,有一個form一旦進入視口出現。一旦form提交,它應該消失,永遠不會再出現。jQuery銷燬/禁用/觸發一次Waypoint

一切正常,除了一旦表單被提交,它會在頁面上下滾動後重新出現。我試圖在第一次完成後嘗試destroytriggerOnce的航點,但我沒有任何運氣。

一些搜索引起我瞭解到,這些.destroy等是僅限於JavaScript的方法,但是無論如何要用我已經或者我需要重寫的方法來完成這個任務嗎?

航點:

$('#contactForm').waypoint(function() { 

     $('#contactForm').show().addClass('animated fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { 
     $('#contactForm').removeClass('animated fadeInUp'); 
     }); 

     }, { 
     triggerOnce: true 
    }); 

回答

1

啊,這是一個簡單的解決。

$('#contactForm').waypoint(function() { 

    $('#contactForm').show().addClass('animated fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { 
    $('#contactForm').removeClass('animated fadeInUp'); 
    }); 
    this.destroy(); 
    }, { 
    triggerOnce: true 
}); 

找到了答案Here