在同一个类中查看多个div,并为所有div调用函数?

时间:2019-12-22 13:28:30

标签: javascript jquery

如何为具有相同名称类的每个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进入视口时,所有类名为“ section”的div都将调用slideBlocks()函数。

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

1 个答案:

答案 0 :(得分: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();
      });
});