Question

我试图在Daniel Eden的Waypoints文件中使用IMakeWebThings 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
    });

Answer 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

jQuery Destroy / Disable / Trigger Once Waypoints

1 个答案: