javascript - 如何使用 afterRender 并从 fullpage.js 重建

Question

我已经从 fullpage.js github 页面阅读了有关 afterRender 的文档。在我的站点中，我在特定的 div 中包含由 AJAX 生成的内容。

下面的例子

$("#fullpage").fullpage({
    afterRender: {
        // I don't know what to put here
    }
});

$("#btn-generate-content").on("click", function() {
    // Target the div
    $.ajax({
        url: "get_topic_content.php",
        dataType: "json",
        success: function(data) {
            // Place the data in the div
        }

    });
});

使用上面的代码，我生成了一个长段落并将其放入一个 div 中。现在我希望我的网站根据生成的段落调整大小。我如何在 afterRender 上使用 reBuild() 来在完成呈现内容时定位此特定的 div。

Answer 1

获取 ajax 内容后，您应该在回调中使用 $.fn.fullpage.rebuild()。

我没有看到放置 html 内容的操作。它应该在 success 函数中完成，然后你应该调用 rebuild 函数。