带有灯箱的无限Ajax滚动

Question

嗨，大家好，我正在使用infiniteajaxscroll向下滚动加载照片，问题是我正在使用的灯箱无法在加载的页面上正常工作。

我的ininiteajaxscroll jQuery

var ias = $.ias({
  container :'.wrap', // main container where data goes to append
  item:'.box-foto', // single items
  pagination:'.paginacao', // page navigation
  next:'.paginacao a', // next page selector
  text: 'LOAD MORE PHOTOS'
});


ias.extension(new IASSpinnerExtension( ));
ias.extension(new IASTriggerExtension({offset: 10}));

这是我的灯箱代码： http : //sachinchoolur.github.io/lightGallery/

function zoomPhotos(){

  $("#list-photos-int").lightGallery({
    thumbnail:true,
    selector: '.box-thumb'
  });
}

如何在加载的页面上同时使用这两个组件？

谢谢。

Answer 1

您需要像这样在回调中加载lightgallery：

ias.on('rendered', function(items) {
$("#list-photos-int").lightGallery({
thumbnail:true,
selector: '.box-thumb'
});
});