我有一个页面,在该页面上设置了无限滚动,这是我最后一次查看时的工作,没有问题。
我今天回到了它,它无法解析我的下一个选择器。我从调试中得到以下内容;
[抱歉,我们无法解析您的下一个(上一个帖子)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请求:(
我要去哪里错了?
如果网址是固定的,则需要提供网址的“路径”。它在无限滚动js的选项列表中]
例如-
path:function generatePageUrl(currentPageNumber) { return ("/path/to/resource/page/" + currentPageNumber + "/html"); }