jquery - 如何在 jquery footable 实现的 html 表上应用无限加载

Question

我想在 jquery footable 实现的 html 表上使用无限加载，而不是使用它的分页功能。

我尝试实现一些滚动、无限加载插件，但它的外观和功能发生了变化。

所以任何解决方法或方法都可以在footable实现的html表上应用无限加载。

Answer 1

首先，您必须在文档准备就绪时初始化一个侦听器，以触发此代码段中布局的加载。

var win = $(window);
win.scroll(function() {
    if(win.scrollTop() + win.height() >= $(document).height()) {
        loadMoreItems();
    }
});

其次，您需要一个函数来检索更多项目并将它们附加到此代码段中列出的表中。

function loadMoreItems() {
    $.ajax({
        url: "/your/ajax/url/",
        success: function(response) {
            var footable = $('#yourTableId').data('footable');
            for(var i = 0; i < response.length; i++) {
                footable.appendRow(response[i]);
            }
        }
    });
}

在此示例中，您的响应必须是一个 JSON 编码的 HTML 字符串数组，每个都是一个表格行 ( <tr>...</tr>)。这个例子简单地结合了jQuery 的 AJAX 功能和Footable。

希望能帮助到你！:)