Non può ottenere jQuery Massoneria + Infinite Scorrere al lavoro in Safari e Chrome

Question

Ciao Sto provando ad installare un sito utilizzando jQuery Massoneria e scroll infinito, ma io proprio non riesco a farlo funzionare in Chrome o Safari su OSX.

Il sito Dev è http://bit.ly/hYJ3Cq

Non ricevo eventuali errori JavaScript nella console.

Le cose che ho provato:

• Impostazione della larghezza / altezza dell'immagine entro i div in muratura
• utilizzando libreria jquery anziani
• movimento js a testa invece di piè di pagina
• aggiungendo type = "text / javascript" per i tag di script
• convalida html
• si passa da jQuery (finestra) .load (e jQuery (document) .ready (

Questo è il codice con cui sto lavorando che è molto simile al codice demo che funziona bene:

    jQuery(window).load(function(){

    jQuery('.hfeed').masonry({
        singleMode: true, 
        itemSelector: '.box'
    });

    jQuery('.hfeed').infinitescroll({
      navSelector  : '.pagination',  // selector for the paged navigation 
      nextSelector : '.pagination .next',  // selector for the NEXT link (to page 2)
      itemSelector : '.box',     // selector for all items you'll retrieve
      loadingImg : '/wp-content/themes/sprppl/images/loader.gif',
      loadingText  : "Loading...",
      donetext  : 'No more pages to load.',
      debug: false,
      errorCallback: function() { jQuery('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');   }
      },
      // call masonry as a callback
      function( newElements ) { jQuery(this).masonry({ appendedContent: jQuery( newElements ) }); }
    );      

    });

Qualsiasi aiuto sarebbe enormemente apprezzato.

Answer 1

http://desandro.com/demo/masonry/docs/infinite- scroll.html

guardare il "Tumblr Emissione". È necessario impostare i tag dimensioni dell'immagine (nel <img/> non il <div/>) o utilizzare un setTimeout ()

// call masonry as a callback, after 1000 milliseconds
function( newElements ) {
  setTimeout(function() {
    $wall.masonry({ appendedContent: $(newElements) });
  }, 1000);
}

Inoltre si dovrebbe impostare un columnWidth, immagino (non so lo script, ma questo è quello che dicono nella documentazione)