бесконечная прокрутка не совместима с каменной кладкой

У меня много проблем с тем, чтобы заставить каменную кладку работать вместе с бесконечной прокруткой. Я сделал все, что мог, и до сих пор ничего. Что-то не так с моим кодом, или я просто что-то пропустил?

Это мой код:

  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.0b2.120519/jquery.infinitescroll.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/masonry/3.1.2/masonry.pkgd.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.min.js"></script>
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>

<script>
$(window).load( function() {
    $('#content').masonry({
        "itemSelector": ".entry",
        "columnWidth": ".grid-sizer",
    });

$container.infinitescroll({
itemSelector : ".entry",
navSelector : "#pagination",
nextSelector : "#pagination a",
loadingImg : "",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},
// trigger Masonry as a callback
function( newElements ) {
  var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);

});
</script>

person user1377298    schedule 13.07.2015    source источник


Ответы (1)


Вы дважды загружаете бесконечную прокрутку (1-й и 4-й в следующем коде), и я не вижу, чтобы вы загружали jQuery, который должен быть первым. jsfiddle поможет сузить круг других проблем.

 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.0b2.120519/jquery.infinitescroll.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/masonry/3.1.2/masonry.pkgd.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.min.js"></script>
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
person Macsupport    schedule 13.07.2015
comment
Ваша скрипка не будет работать. Нет такого jquery, как версия 1.0.2, и ваша кладка переходит на веб-страницу, а не в файл masonry.js, и вы не загружаете загруженные изображения или бесконечную прокрутку. Установите версию jquery в разделе Frameworks and Extensions, а затем перейдите на (cdnjs.com), чтобы получить ссылки на каменную кладку, загруженные изображения и бесконечная прокрутка и загрузить их в скрипт как внешние ресурсы. Тогда мы сможем помочь вам со всеми ошибками в вашем коде. - person Macsupport; 14.07.2015
comment
Я сделал то, что вы предложили. Я установил версию jquery в фреймворках и загрузил каменную кладку, загруженные изображения и inifinite-scroll (jsfiddle.net /x07u6tex/21) - person user1377298; 14.07.2015