Jquery 砌体+;Wordpress网站上的无限滚动

Jquery 砌体+;Wordpress网站上的无限滚动,jquery,wordpress,infinite-scroll,masonry,Jquery,Wordpress,Infinite Scroll,Masonry,几年前,我建立了这个网站()来处理砌体和无限卷轴。它工作正常,但现在所有的图像都是一致重叠的,网站几乎无法使用 我不确定是因为massy.pkgd.min.js、imagesloaded.pkgd.min.js和jquery.infinitescroll.min.js过时了,还是有其他问题 任何帮助都将不胜感激 /** * Infinite Scroll + Masonry + ImagesLoaded */ $(function() { // Main content con

几年前,我建立了这个网站()来处理砌体和无限卷轴。它工作正常,但现在所有的图像都是一致重叠的,网站几乎无法使用

我不确定是因为massy.pkgd.min.js、imagesloaded.pkgd.min.js和jquery.infinitescroll.min.js过时了,还是有其他问题

任何帮助都将不胜感激

  /**
 * Infinite Scroll + Masonry + ImagesLoaded
 */
$(function() {

    // Main content container
    var $container = $('.isotope-box');

    // Masonry + ImagesLoaded
    $container.imagesLoaded(function(){
        $container.masonry({
            // selector for entry content
            itemSelector: '.isotope-item',
            transitionDuration: 0  
            //stagger: 30,
            //hiddenStyle: { opacity: 0 }
        });
    });
  
    // Infinite Scroll
    $container.infinitescroll({

        // selector for the paged navigation (it will be hidden)
        navSelector  : ".navigation",
        // selector for the NEXT link (to page 2)
        nextSelector : ".nav-next a",
        // selector for all items you'll retrieve
        itemSelector : ".isotope-item",
    
    extraScrollPx: 150,
    animate: true,
    appendCallback: true,
    bufferPx: 40,
    scrollThreshold: 600, 
        // finished message
        loadingImg : "",
    loadingText : "",
    
        loading: {
        img: "data:image/gif;base64,R0lGODlhAQABAHAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw==",
        msgText: "Loading new artists...",
            finishedMsg: "The end.",
            speed: 0
            }
        },

        // Trigger Masonry as a callback
      function( newElements ) {
      var $newElems = $( newElements ).hide();
      $newElems.imagesLoaded(function(){
        $newElems.show();
        $container.masonry( 'appended', $newElems );
      });
    });
});