Question

使用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);
});

Answer 1

您可以在此库中收听该选项（以及更多）

这是＆＃34;追加＆＃34;的样本。功能是：

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

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

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

1 个答案: