無限スクロール+ .on（）関数の問題

Question

「インビュー」カスタムイベント（https://github.com/protonet/jquery.inview）によって起動されたときに、動的に読み込まれるコンテンツ（Infinite Scrollスクリプト経由でhttp://www.infinite-scroll.com/）のスタイルを設定しようとしています。

私のコードは次のようになります。

$(document).on("inview", ".attachment-portfoliosmall", function(e) { 
    if($.data(this, "styleappended")) { 
    return true; 
    } 
    $.data(this, "styleappended", true); 
    $(".attachment-portfoliosmall").css('visibility','visible').hide().fadeIn('slow'); 
    $(".attachment-portfoliosmall").parent(".portfoliopreload").css("background", "none"); 
}); 

ご覧はっきりとわかるように、$ .dataのルーチンが.on（）イベントハンドラがために複数回実行されていないことを保証するために使用されています選択フィルタの各要素

このコードは理論的にはうまくいきますが、次のページの動的に読み込まれたコンテンツがドキュメントに追加されると、新しく読み込まれるのではなく、1回の要素ごとに.on（）ルーチンが実行される追加された要素。あなたは、このコードは生きている私のウェブサイトに行くことによって私が意味するものを見ることができます

：hxxp：あなたは次のページにスクロールする場合は、すべての要素がフェード//www.riddlepark.fm/

表示されます.on（）イベントハンドラによって引き起こされた再開と再投入を行います。

前のページの以前に処理された要素で実行されないようにするにはどうすればよいですか？

Answer 1

ここにコメントがあります。

$(document).on("inview", ".attachment-portfoliosmall", function(e) { 
    var $this = $(this); 
    if(!$this.hasClass('loaded')) { 
     $this.addClass('loaded'); 
     $this.css('visibility','visible').hide().fadeIn('slow'); 
     $this.parent(".portfoliopreload").css("background", "none"); 
    } 
}); 

何かがあなたのために働くかもしれません。