标签: infinite-scroll

我使用下面的方法来触发一个无限滚动并触发Ajax请求.这适用于台式机和iPad浏览器,但不适用于iPhone.我错过了什么？

//Ajax
var page = 1;    
$(window).scroll(function() {

        if ($(window).scrollTop() + $(window).height() == $(document).height()) {

            page++;

            var data = {
                page_num : page
            };

            $.ajax({
                type : "POST",
                url : "data.php",
                data : data,
                success : function(res) {
                    $(".thumbnails").append(res);
                }
            });

        }

    });

我使用以下代码触发infinitescroll on isotope砌体,但​​是如何使用"Click to load more posts"代替"手动触发器".我尝试从互联网上的解决方案实施,但它们不适合我.谢谢.

/*--------------------------------------------------------------------------------*/
/*  infinitescroll
/*--------------------------------------------------------------------------------*/
jQuery(document).ready(function($) {
    var $container = $('.masonry');
    $container.imagesLoaded( function(){
    $container.isotope({
        itemSelector : '.item'
    });   
});
$container.infinitescroll({
        // selector for the paged navigation
        navSelector  : '.post-nav',     
        // selector for the NEXT link (to page 2)
        nextSelector : '.post-nav .prev-post a',  
        // selector for all items you'll retrieve
        itemSelector : '.item',     
        loading: {
            finishedMsg: 'No more pages to load.',
            img: 'http://i.imgur.com/qkKy8.gif'
        }
    },
    function( newElements ) {
        var $newElems = $( newElements …

我在config文件夹中有一个pagination.php文件.代码如下

$config['num_links'] = 5;
$config['use_page_numbers'] = TRUE;
$config['query_string_segment'] = 'page';

$config['full_tag_open'] = '<div class="pagination"><ul>';
$config['full_tag_close'] = '</ul></div>';

$config['first_link'] = '&laquo; First';
$config['first_tag_open'] = '<li class="prev page">';
$config['first_tag_close'] = '</li>';

$config['last_link'] = 'Last &raquo;';
$config['last_tag_open'] = '<li class="next page">';
$config['last_tag_close'] = '</li>';

$config['next_link'] = 'Next &rarr;';
$config['next_tag_open'] = '<li class="next page">';
$config['next_tag_close'] = '</li>';

$config['prev_link'] = '&larr; Previous';
$config['prev_tag_open'] = '<li class="prev page">';
$config['prev_tag_close'] = '</li>';

$config['cur_tag_open'] = '<li class="active"><a class="navigation" href="">';
$config['cur_tag_close'] = '</a></li>';

$config['num_tag_open'] = '<li class="page">';
$config['num_tag_close'] = …

我正在为一个页面制作一个无限滚动功能,并且遇到了一个问题,即该$( window ).scroll()函数似乎正在触发两次.我在stackoverflow上看到了类似的问题,但它们似乎与快速滚动相关,并且没有适当的位置来检查请求已经发送的天气.这是我现在正在使用的代码,我想这里有一些我很想念的东西.

var loading = false;
var scrollcount = 0;

$( window ).scroll( function(){
    scrollcount++;
    var scrolling = $( document ).scrollTop();
    var position = $( "#ajax-load" ).offset();
    if( scrolling + $( window ).height() > position.top - 200 && loading == false ){
        console.log( loading ); //returns 2 falses
        console.log( scrollcount ); //returns 2 of the same number
        console.log( $( document ).scrollTop() ); //returns same number
        loading = true;
        $( "#ajax-load" ).css( "display", "block" );
        $.get( "url/to/my/script", info …

我想要当前页面li的下一个li的vlaue的href值,我的意思是个人页面命名类的li是jquery中的属性href值我怎样才能得到它.

<ul>
    <li class="current-page">    // selected li
        <span>1</span>
    </li>
    <li class="individual-page">
        <a href="/notebooks?pagesize=4&pagenumber=2">2</a>   // want href's value
    </li>
    <li class="individual-page">
        <a href="/notebooks?pagesize=4&pagenumber=3">3</a>
    </li>
</ul>

滚动工作正常,但我想摆脱动画.

我尝试了所有推荐的解决方案,例如这里提到的一个http://desandro.github.io/masonry/docs/animating.html但没有任何效果.

砌筑规范:

<script src="{{asset('js/vendor/masonry.pkgd.min.js')}}"></script>
<script src="{{asset('js/vendor/waypoints.min.js')}}"></script>
<script src="{{asset('js/vendor/waypoints-infinite.js')}}"></script>
<script>
    $(window).load(function () {
        /*var container = $('.infinite-container');*/
        var container = $('.infinite-container').masonry({
            // options...
            itemSelector: '.wish-box',
            isAnimated: false,
            animated: false,
          });

        $('.infinite-container').waypoint('infinite', {
            container: 'auto',
            items: '.wish-box',
            more: '.infinite-more-link',
            offset: 'bottom-in-view',
            loadingClass: 'infinite-loading',
            onBeforePageLoad: $.noop,
            animate: false,
            onAfterPageLoad: function () {
                try {
                    container.masonry('reloadItems');
                    container.masonry('layout');
                } catch (err) {
                    alert(err.message);
                }
            }
        });
    });
</script>

代码waypoints-infinite.js:

// Generated by CoffeeScript 1.6.2
/*
Infinite Scroll Shortcut for jQuery …

所以，我在这里描述的问题上取得了一些进展 -  /sf/ask/1914392091/

尽管如此，我有一个问题。该表最初加载 10 个 YouTube 视频。然后，第二十个将使用加载

__weak MasterViewController *weakSelf = self;

[self.tableView addInfiniteScrollingWithActionHandler:^{

    NSLog(@"Infinite Scroll");
    [weakSelf updateVideoList];

}];

-(void) updateVideoList 本质上向加载到 table view 的数组中添加了 10 个项目（在 addObjectsFromArray 将项目添加到初始数组后，最后在 tableview 上调用 reloadData）。这工作得很好。问题是尝试加载第三个 10 项不起作用。我添加了 NSLog 以查看它是否再次进入该方法，但它没有。

该方法是否有任何理由第二次不起作用？

编辑这里是 updateVideoList，但我使用日志来确定该方法甚至没有第二次调用：

- (void) updateVideoList {

NSString *baseDomain = @"https://gdata.youtube.com/feeds/api/videos";
NSString *maxresults = @"10";
NSString *startIndex = [NSString stringWithFormat:@"%lu", (unsigned long)videoList.count+1];
NSString *orderBy = @"published";
NSString *author = @"theverge";
NSString *extension = @"v=2&alt=jsonc";
NSString *urlYoutube = [NSString stringWithFormat:@"%@?max-results=%@&start-index=%@&orderby=%@&author=%@&%@",
                        baseDomain,maxresults, startIndex,orderBy,author,extension];

NSDictionary …

滚动搜索可以设置的最大可滚动时间是多少？

文档:https: //www.elastic.co/guide/en/elasticsearch/client/javascript-api/current/api-reference.html#api-scroll