代码之家 › 专栏 › 技术社区 › aitor

使用无限滚动加载内容后执行回调。js库

infinite-scroll jquery javascript

aitor · 技术社区 · 6 年前

是否可以在加载无限滚动后调用函数。js库?

我看到了一个调用init的函数:

onInit: function() {
    this.on( 'load', function() {
       var ancho = parseFloat($('.imagen').innerWidth());
       $('.normal img').css("width", ancho);
       $('.hover img').css("width", ancho);
     });
 }

https://infinite-scroll.com/options.html#oninit

是否可以在加载内容后调用函数?

编辑

下面是更新后的代码,下面是答案。

var inf = $('.col-trabajos').infiniteScroll({
    path: '.nav-previous a',
    append: '.article',
    history: false,
    hideNav: '.nav-links',
});

// callback
inf.on( 'append.infiniteScroll', function( event, response, path, items ) {
   var ancho = $('.imagen').innerWidth();
   $('.normal img').css("width", ancho);
   $('.hover img').css("width", ancho);
});

1 回复 | 直到 6 年前

Jameson the dog 6 年前

您可以在这个库中收听该选项(以及更多)事件,

下面是“append”函数的示例,它是:

将项目元素附加到容器后触发

// jQuery
$container.on( 'append.infiniteScroll', function( event, response, path, items ) {
  console.log( 'Loaded: ' + path );
});

// vanilla JS
infScroll.on( 'append', function( response, path, items ) {...});

查看此页: https://infinite-scroll.com/events.html#append

推荐文章

Hexy · elasticsearch的最大可滚动时间

6 年前

SnailMann · 角度4:使用ngx infinite scroll将滚动移动到底部时加载更多数据,但不起作用

6 年前

GalgÃ³czi Levente · 如何添加msnry。将Items()重新加载到vanilla JS脚本

6 年前

aitor · 使用无限滚动加载内容后执行回调。js库

6 年前

Hadjer Kh · 无限卷轴不会在自定义组件内激发-ionic 2

6 年前

Pako Andrade Gonzalez · 如何从firebase中加载的最后一个项目加载下一个“n”项目

6 年前

Zoti · 具有无限滚动的extjs 6现代组合框

6 年前

wizzone · 无休止的滚动循环视图始终返回顶部

7 年前

BVS · Angular 4:延迟加载插件,按需获取下一组记录

7 年前

doctorsherlock Owen · 使用无限滚动与Django Rest Framework?

8 年前