Jquery 砌体+;Wordpress网站上的无限滚动
几年前,我建立了这个网站()来处理砌体和无限卷轴。它工作正常,但现在所有的图像都是一致重叠的,网站几乎无法使用 我不确定是因为massy.pkgd.min.js、imagesloaded.pkgd.min.js和jquery.infinitescroll.min.js过时了,还是有其他问题 任何帮助都将不胜感激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
/**
* 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 );
});
});
});