Pagination about jquery-comments HOT 9 CLOSED

hi @jjtykkyl, can you create an example use "fetchNext" with a button "load more", please ? I don't understand how can I use it for more comment get from server. Thank you so much !

from jquery-comments.

I have used the utility function below for fetching new comments when the user has scrolled to the end of the comment container element:

function onScrolledBottom(el, callback, threshold) {
    var $el = $(el);
    threshold = threshold ? threshold : 0;

    $el.scroll(function() {
        if($el.outerHeight() + el.scrollTop >= el.scrollHeight - threshold) {
            callback();
        }
    });
}

The first parameter is the scrollable element containing all the comments. Then you can pass a callback function that fetches the next batch of comments from the server and appends the new comment elements into DOM.

from jquery-comments.

@jjtykkyl can you build that feature in the new version ?

from jquery-comments.

I can build a support for that feature but please note that you have to implement the pagination to your API as well.

from jquery-comments.

I added a new function to the jquery-comments v1.1.0 named "fetchNext" that you can use for pagination. You still need to listen the scroll event on the element that is scrollable (body or .jquery-comments for example). The "fetchNext" function utilizes the the "getComments" callback where you need to implement the functionality on your end.

from jquery-comments.

yeah.thank for support

from jquery-comments.

@jjtykkyl @untilyou89 please tell how to call fetchNext function

from jquery-comments.

I've got things working using this:

$('#comm').comments({...}});

$.data($('#comm').get(0), 'comments').fetchNext();

from jquery-comments.

An example would be nice. And how do we paginate child comments? I don't want to display a huge amount of child comments but would prefer to show three and then the option to load more. Honestly I think this is something that should be part of the plugin.

from jquery-comments.