如何检查最后一次出现的类是否在视口中并触发一个函数

Question

我尝试制作类似无限滚动的内容，但我不知道如何在div.nextpage的最后一个位于视口中时加载内容。我正在使用viewport JQuery插件。 当它被加载时，它应该只能与最后一个实例一起使用，该实例加载了新内容。

在我的情况下，当第一个.nextpage出现在视口中时，内容正在加载，然后函数解除绑定。

我的代码：

function check_nextpage(event) {
$('.nextpage:in-viewport').each(function() {
$(window).unbind('scroll', check_nextpage);
alert('loading content');
});
}


$(document).ready(function() {
$(window).bind('scroll', check_nextpage);

});

HTML

<content.....>
<a href="../test.html" class="nextpage1">next page</a>
<content.....>
<a href="../test.html" class="nextpage1">next page</a>   

Answer 1

尝试$('.nextpage').last().filter(":in-viewport")或.is(":in-viewport")

http://api.jquery.com/last/
http://api.jquery.com/filter/
http://api.jquery.com/is/