как решить эту ошибку? "ленивая нагрузка не функция" - PullRequest
0 голосов
/ 18 июня 2019

Я использую изотопный плагин и ленивые размеры для создания фотогалереи. но отложенная загрузка не работает, и я получаю эту ошибку: «отложенная загрузка не является функцией».

Есть ли идея для этой проблемы и как реализовать оба плагина вместе?

    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;
...