javascript - jQuery 销毁/禁用/触发一次路点

Question

我正在尝试将 IMakeWebThings Waypoints 与 Daniel Eden 的 Animate.css 文件结合使用，以便在进入视口(viewport)。提交表单后，它应该消失并且永远不会重新出现。

一切工作正常，除了提交表单后，它会在上下滚动页面后重新出现。我试图在第一次完成后销毁或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