我试图将IMakeWebThings Waypoints
与Daniel Eden的Animate.css
文件一起使用,实质上,一旦进入视口,就会显示form
。提交form
后,它应该消失并且永远不会再出现。
一切工作正常,除了提交表单后,它在页面上下滚动后重新出现。第一次完成后,我尝试使用destroy
或triggerOnce
航路点,但是我没有任何运气。
某些搜索使我了解到这些.destroy
等仅是JavaScript方法,但是是否可以用已有的方法来完成此操作,还是需要重写它?
航点:
$('#contactForm').waypoint(function() {
$('#contactForm').show().addClass('animated fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
$('#contactForm').removeClass('animated fadeInUp');
});
}, {
triggerOnce: true
});
最佳答案
嗯,这很简单。
$('#contactForm').waypoint(function() {
$('#contactForm').show().addClass('animated fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
$('#contactForm').removeClass('animated fadeInUp');
});
this.destroy();
}, {
triggerOnce: true
});
找到了答案Here
关于javascript - jQuery销毁/禁用/触发一次航点,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30566506/