在搜索了一段时间并尝试了多种“解决方案”之后，我认为是时候寻求帮助了。我已经尝试了几乎所有我能想到的方法，但似乎没有任何效果。
我正在使用简单明了的砌体和无限滚动代码，但它不起作用。感谢您的帮助。
<html>
<head>
<script src="../src/js/jquery.js"></script>
<script src="../src/js/masonry.js"></script>
<script src="../src/js/infinitescroll.js"></script>
<script type="text/javascript">
$(function(){
var $container = $('#container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: 'img',
});
});
$container.infinitescroll({
navSelector : '#navigation',
nextSelector : '#navigation a',
itemSelector : 'img',
},
function( newElements ) {
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
});
});
</script>
</head>
<body>
<div id="container">
<img src="../src/1.jpg"/>
<img src="../src/2.jpg"/>
<img src="../src/3.jpg"/>
<img src="../src/1.jpg"/>
<img src="../src/2.jpg"/>
<img src="../src/3.jpg"/>
</div>
<div id="navigation">
<a href="index.html"></a>
</div>
</body>
总结一下；无限滚动将不起作用。我不知道我做错了什么，所以我在这里。也不确定这是否与砌体部分有关。
最佳答案
似乎无限滚动不适用于最新的 jQuery 版本(1.9.0 atm。) 切换到旧版本，特别是 1.7.1，解决了所有问题。
关于javascript - 无限滚动 + 砌体 = 不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14564369/