尽管已解析了正确的路径,但无限滚动'无法解析您的下一个(上一个帖子)URL'

问题描述 投票:1回答:1

我有一个页面,在该页面上设置了无限滚动,这是我最后一次查看时的工作,没有问题。

我今天回到了它,它无法解析我的下一个选择器。我从调试中得到以下内容;

[抱歉,我们无法解析您的下一个(上一个帖子)URL。验证css选择器是否指向正确的A标签。如果仍然出现此错误:大喊大叫,请到infinite-scroll.com寻求帮助。

但是它也记录了一些额外的信息,因此有些事情可以正常工作,并且'determinePath'是下一个链接的正确路径;

["determinePath", "/en-gb/news-media/videos/videos/"]
pixelsFromNavToBottom: 663
["Binding", "bind"]

我的JS看起来像这样;

<script type="text/javascript">
(function($) {
    $(document).ready(function() {
        var container = $('.masonry'), masonry;

        // Masonry stuff goes on here            

        container.infinitescroll({
            debug: true,
            navSelector  : '#panel-area ul.navigation',    
            nextSelector : '#panel-area ul.navigation li.child.descendant a:first',  
            itemSelector : '#panel-area div.item.video',     
            loading: {
                finishedMsg: 'No more pages to load.',
                img: 'http://i.imgur.com/6RMhx.gif'
            }
        },
        // trigger Masonry as a callback
        function( newElements ) {
            // hide new items while they are loading
            var $newElems = $( newElements ).css({ opacity: 0 });
            // ensure that videos load before adding to masonry layout
            $newElems.imagesLoaded(function(){
                // show videos now they're ready
                $newElems.animate({ opacity: 1 });
                container.masonry( 'appended', $newElems, true );
            });
        }
        );
    });
})(jQuery);
</script>

HTML;

<div id="panel-area" class="gallery_grid">
    <div class="masonry js-masonry">
        <div class="item video 2280" data-video-id="2280"></div>
    </div>
    <ul class="navigation">
        <li class="child descendant">
            <a href="/en-gb/news-media/videos/videos/">14/04/2014</a>
        </li>
        <li class="child descendant">
            <a href="/en-gb/news-media/videos/1342014/">13/4/2014</a>
        </li>
    </ul>
</div>

如您所见,该第一个链接的href已正确解析并分配给“ determinePath”。此外,当我将jQuery应用于控制台中的那些选择器时,每个选择器都将返回我期望的结果。

我尝试包括pathParse,但随后从不存在的URL加载;

pathParse: function () {
    var path = $('#panel-area ul.navigation li a:first').attr('href');
    return [path, '']
}

然后在不存在的/en-gb/news-media/videos/videos/2/上执行get请求:(

我要去哪里错了?

jquery infinite-scroll
1个回答
2
投票

如果网址是固定的,则需要提供网址的“路径”。它在无限滚动js的选项列表中]

例如-

 path:function generatePageUrl(currentPageNumber) { return ("/path/to/resource/page/" + currentPageNumber + "/html"); }
© www.soinside.com 2019 - 2024. All rights reserved.