使用Masonry开始无限滚动

Question

我是无限滚动的初学者，我从来没有用过它。我试着在我的网站上使用这个代码。我试着在滚动到页面底部到页脚时得到提醒。

我的主要目标是加载更多的HTML包含使用ajax和无限滚动时，网页滚动到底部的墙壁div。<div id="wall"></div>。这个div有页面的底部和页脚的上方。所有超文本标记语言容器都应该被附加，并在将来使用JQuery预先添加新内容。

Javascrip代码：

   $("#wall").infinitescroll({
    navSelector: "#next:last",
    nextSelector: "#next:last",
    itemSelector: "#content",
    debug: false,
    dataType: 'html',
    maxPage: 4,
    path: function(index) {
      return "index" + index + ".html";
    }

    }, function(newElements, data, url){
        alert("hi");
    });

我尝试了这个代码，当滚动到底部时，请求得到警报，但它不起作用。

Ajax代码：

$.post("/php/post.php",
{
    name: "aa",
    city: "bb"
},
function(data, status){
    $("#wall").append(data).masonry().masonry('appended', data, true).masonry("reloadItems").masonry("layout");

});

Ajax响应数据是HTML包含的。

如何使用无限滚动的JQuery追加和预先使用ajax包含更多的超文本标记语言？

当滚动到页面底部或滚动到Wall div的底部时，是否会加载这些HTML内容？

如果你知道一些教程网站无限卷轴与砖石请让我知道。

Answer 1

首先，使用debug: true将揭示当前设置中存在的任何问题。如果不知道您正在使用的html，就很难猜测，但是您所有的选择器都存在吗?例如：#next和#content

这是一把小提琴，有一个工作的例子：https://jsfiddle.net/pgh49735/