javascript - 关于“加载更多”的问题

问题描述

问 题

if ($("#comment-datalist").length > 0) {
    var $box = $("#comment-datalist"),
        currPage = $box.data('page') ? $box.data('page') : 1,
        hasMore = $box.data('hasmore').toLowerCase() == 'true' ? true : false;

    if (hasMore) {
        $('body').loadMore({
            url: "/MyWork/MoreCommentList",
            box: $box,
            data: {
                currentPage: currPage
            },
            generateHtml: function (data) {
                var len = data.length,
                    html = "",
                    i = 0;

                for (; i < len; i++) {
                    html += '<li class="comment-list-li">';
                    html += '<div>';
                    html += '<div class="model-name">' + data[i].Suggestions + '</div>';
                    if (data[i].Status == 1)
                    {
                        html += '<div class="comment-reply">' + pcTranslation.ReplyMessage + '：' + data[i].HandleSuggest + '</div>';
                    }
                    html += '</div><br>';
                    html += '<div class="date-read">' + data[i].CREATION_DATE + '</div>';
                    html += '</li>';
                }
                return html;
            },
            hasMore: hasMore
        });
    }
}
    
    公司做一个评论区域的功能，页面上默认显示十条评论，点击页面底部的加载更多可以加载更多的评论内容，以上代码实现了这一功能。
    使我疑惑的是，loadMore这个方法究竟是从哪儿来的，我翻遍了页面的JS文件发现只在这一处地方有，是后端人员提供的吗？
    另外，加载更多明明是点击页面底部的按钮才触发的，可是这段代码中为什么没有任何与事件相关的内容呢？

解决方案

loadMore方法明显是在jQuery 对象上的，最大可能是jQuery 的插件方法。

如果是写成了插件，那么事件绑定已经在插件代码里了。

这篇关于javascript - 关于“加载更多”的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！