jquery - 最後の要素にクラスを追加するJquery inview

Question

jquery inview プラグインを使用して、ビューポート内にある要素にクラスを追加しようとしています。何らかの理由で、他の要素がビューポートにはっきりと表示されているにもかかわらず、プラグインはクラスを最後の要素にのみ追加します。以下は私のコードです：

html:

<div class="container-fluid">
     <article class="entry"></article>
     <article class="entry"></article>
     <article class="entry"></article>
     <article class="entry"></article>
     <article class="entry"></article>
     <article class="entry"></article>
</div>

jquery:

$(function() {
    $('.entry').bind('inview', function (event, visible) {
        if (visible) {
            $(this).addClass('show-post');
        }
    });
});