J涡旋分页插件

Question

我已经下载了这个好插件

http://andersonferminiano.com/jqueryscrollpagination/和我使用这段代码来调用我的db并显示所有结果。我的问题是，当在数据库中完成时，我无法停止显示结果，我想停止分页，并且不会重复相同的结果。我该怎么做呢？非常感谢

 $(function(){
                    $('#content').scrollPagination({
                        'contentPage': 'democontent.html', // the page where you are searching for results
                        'contentData': {}, // you can pass the children().size() to know where is the pagination
                        'scrollTarget': $(window), // who gonna scroll? in this example, the full window
                        'heightOffset': 10, // how many pixels before reaching end of the page would loading start? positives numbers only please
                        'beforeLoad': function(){ // before load, some function, maybe display a preloader div
                            $('.loading').fadeIn();
                        },
                        'afterLoad': function(elementsLoaded){ // after loading, some function to animate results and hide a preloader div
                             $('.loading').fadeOut();
                             var i = 0;
                             $(elementsLoaded).fadeInWithDelay();
                             if ($('#content').children().size() > 100){ // if more than 100 results loaded stop pagination (only for test)
                                $('#content').stopScrollPagination();
                             }
                        }
                    });

                    // code for fade in element by element with delay
                    $.fn.fadeInWithDelay = function(){
                        var delay = 0;
                        return this.each(function(){
                            $(this).delay(delay).animate({opacity:1}, 200);
                            delay += 100;
                        });
                    };

                });

Answer 1

那个插件实际上不是很好。我正在查看插件的代码，而且可以肯定的是，它并没有提供一种方法来检测您在内容末尾的时间。

如果您转到插件页面并向下滚动，它似乎运行得很好。然而，当您查看文件democontent.html (他隐藏了文本，您必须查看数据的来源)时，您将看到--它只有17项。但是，当您向下滚动时，它会继续加载伪造的数据。

这个插件不仅没有检测到数据的末尾，而且也没有提供一种停止的方法。如果您注意到的话，Anderson告诉插件在加载了100个条目之后停止运行，但是他只在示例中使用了这个，而不是将这个特性写到插件中。

所以，这就是为什么你的内容没有停止。您可以自己尝试修改他的插件，但是如果您想要更改插件，我建议您使用无限卷，保罗·爱尔兰著。

Answer 2

您可以使用mk涡旋插件与is为您提供更多的功能链接，为mk滚动如下。

https://github.com/maulikkanani/Scroll-Pagination

jQuery(window).mkscroll({
         limit:10,              
         total:100,             
     });

这其中还有许多其他的选择。

Answer 3

如果有人分阶段处理这个问题，这里的解决方案是:一旦“下一页”链接不可用，j涡旋将停止加载内容。因此，请检查何时停止加载内容，然后“下一页”链接没有加载在最后一个内容，这是附加的。