0

我已经下载了这个好插件

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

 $(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;
                        });
                    };

                });
4

3 回答 3

0

您可以使用 mkscroll 插件为您提供 mk 滚动的更多功能链接如下。

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

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

还有很多其他的选择。

于 2014-03-22T12:33:36.530 回答
0

如果任何人在这里解决问题是解决方案：一旦“下一页”链接不可用，jscroll 将停止加载内容。所以请检查何时要停止加载内容，然后“下一页”链接不可用在附加的最后一个内容中加载。

于 2014-07-10T13:37:14.880 回答
0

那个插件其实不是很好。我正在查看插件的代码，果然，它没有提供一种方法来检测您何时处于内容的末尾。

如果您转到插件页面并向下滚动，它似乎工作得很好。但是，当您查看democontent.html从中检索数据的文件（他隐藏了文本，您必须查看源代码）时，您会看到它只有 17 个项目。但是，当您向下滚动时，它会不断加载虚假数据。

该插件不仅没有检测到数据的结束，而且它也根本没有提供停止的方法。如果您注意到，Anderson 告诉插件在加载 100 个项目后停止，但他仅在他的示例中这样做，而不是将此功能写入插件。

所以，这就是你的内容没有停止的原因。您可以尝试自己修改他的插件，但如果您只想更改插件，我会推荐Paul Irish 的 Infinite Scroll。

于 2013-07-31T14:14:42.930 回答