jquery函数在事件内运行一次

Question

我正在使用 fullpage.js 插件，并且在事件 onLeave 中有一个函数，这里是 jquery 代码

  onLeave: function(index, nextIndex, direction) {
        $('#section-first').find('.a').each(function() {  // i want run once then off / remove this function
          if (index >= 2 && direction == 'up') {
            $(this).removeClass('b');
          }
    });

它不是点击功能，我不知道如何在它运行一次后关闭/删除此功能，仍然使用开/关？但我把它放在哪里？非常感谢:)

Answer 1

最简单的方法可能是只选择那些同时具有a 和b 类的元素。

onLeave: function(index, nextIndex, direction) {
    $('#section-first .a.b').each(function() {
        if (index >= 2 && direction == 'up') {
            $(this).removeClass('b');
        }
    });
}

这样，该函数仍会运行，但不会执行任何操作，除非将带有 class="a b" 的新元素添加到 #section-first。

没关系。在正常大小的 DOM 中，当 b 已经被删除时，尝试删除它几乎没有任何惩罚。如果 DOM 很大，那么，是的，想办法分离回调。

请注意，无论你最终做什么，最好在if(){...} 子句中使用 jQuery 编写函数：

onLeave: function(index, nextIndex, direction) {
    if (index >= 2 && direction == 'up') {
        $('#section-first .a.b').removeClass('b');
    }
}