0

私は、inviewプラグインを使用してJ＆Kスクロールを使用し、表示されている記事にクラスを適用するブログテーマに取り組んでいます。唯一の問題は、解像度の高いMacを使用しているため、一度に複数の記事が表示されることです。次のスクリプトは、クラス「inview」を（通常は3つの記事）複数の記事に追加します。時間。これを変更して、ユーザー画面の最初の記事にクラス「inview」のみを追加する方法はありますか？これは、ページの最初の記事ではない可能性があります。技術的には、表示されている数少ない記事の最初の記事にすぎません。どんな助けでも大歓迎です。 

$('article').each(function(){
        $(this).bind('inview', function (event, visible) {
            if (visible == true) {
                $(this).addClass("inview");
            }

            else {
                $(this).removeClass("inview");
            }
        });
    });
4

2 に答える 2

0

いつでもjquery.inview.jsの97行目に移動できます。

$element.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);

この直前に、

if ($element.prev(".inview").length < 1)

そのため、visible =trueでイベント'inview'をトリガーする要素の前に、クラス'inview'の要素があるかどうかをチェックします。

于 2012-07-13T05:22:05.970 に答える
0

あなたの質問を正しく理解していれば、インデックス引数を .each 関数に追加できると思います。このような：

$('article').each(function(index){
        if( index == 0 )
        {
            $(this).bind('inview', function (event, visible) {
                if (visible == true) {
                    $(this).addClass("inview");
                }

                else {
                    $(this).removeClass("inview");
                }
            });
        }
    });

これにより、クラス「inview」が最初の記事に追加されます。

于 2012-07-13T04:21:12.300 に答える