jquery - LazyLoad の失敗？

Question

class="strip" を含む複数の div があり、各 div には遅延読み込みスタイルの画像が多数あります。（クラスはoverflow = 'hidden'に設定されているため、ブラウザは画像の一部のみを表示します。これらはlazyloadがロードするものです）

次に、lazyload を呼び出します。

$(function(){
  $("img.lazy").lazyload({  
    container: $(".strip")
  });
});

画像の最初の水平ストリップで完全に機能し、その後の次の「.strip」クラスでは失敗します。1 つのクラスでのみ実行され、クラスの代わりに ID を呼び出したかのように終了します。私が間違ったことについてのアイデアはありますか？

score 1 · Accepted Answer

問題は、div クラスが div ID のクラスと異なることです。ID とには # を使用する必要があります。クラスについては、以下のコード例を参照してください。

<script>
$(function(){
    $("img.lazy").lazyload({  
        container: $('.strip', '#strip')
    });
});
</script>

1 に答える 1