Non può ottenere jQuery Massoneria + Infinite Scorrere al lavoro in Safari e Chrome
-
25-10-2019 - |
Domanda
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.
Soluzione
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)