Я использую изотопный плагин и ленивые размеры для создания фотогалереи. но отложенная загрузка не работает, и я получаю эту ошибку: «отложенная загрузка не является функцией».
Есть ли идея для этой проблемы и как реализовать оба плагина вместе?
npm install lazysizes --save
npm install isotope-layout --save
это мой код:
import $ from 'jquery';
import Isotope from 'isotope-layout';
import jQueryBridget from 'jquery-bridget';
import imagesLoaded from 'imagesloaded';
import lazyload from 'lazysizes';
jQueryBridget( 'isotope', Isotope, $ );
jQueryBridget( 'imagesLoaded', imagesLoaded, $ );
class isotopeGallrey {
constructor() {
this.Grid = $(".grid");
this.itemImage = $(".grid-item img");
this.createIsotope();
}
createIsotope() {
var that = this;
this.Grid.imagesLoaded(function() {
that.Grid.isotope({
columnWidth: '.grid-sizer',
itemSelector: '.grid-item',
containerClass: 'isotope',
layoutMode: 'masonry',
percentPosition: true
});
that.itemImage.lazyload({
effect: 'fadeIn'
});
that.itemImage.trigger('scroll');
});
}
}
export default isotopeGallrey;