使用infinite-scroll.js库加载内容后进行回调

时间:2018-03-02 09:09:29

标签: javascript jquery infinite-scroll

使用infinite-scroll.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 个答案:

答案 0 :(得分:1)

您可以在此库中收听该选项(以及更多)

这是"追加"的样本。功能是:

  

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

// 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