javascript - 查看具有为所有 div 调用函数的同一类的多个 div？

Question

如何为具有相同名称类的每个 div 单独调用该函数？

$( window ).on( 'load', function() {
    $('.section').on('inview', function(event, isInView) {
        if (isInView) {
          // element is now visible in the viewport
          slideBlocks();
        } else {
          // element has gone out of viewport
        }
      });

});

当第一个类名为“section”的 div 进入视口(viewport)时，将为所有类名为“section”的 div 调用函数 slipBlocks()。

我正在使用https://github.com/protonet/jquery.inview

Answer 1

使 sideBlocks() 在其他类上工作，例如:.sideblocks

$( window ).on( 'load', function() {
    $('.section').on('inview', function(event, isInView) {
        if (isInView) {
          $(this).addClass('.sideblocks'); //or $(this).addClass('.section.sideblocks');
        } else {
          $(this).removeClass('.sideblocks'); //or $(this).removeClass('.section.sideblocks');
        }
        slideBlocks();
      });
});