###前提・実現したいこと
jsライブラリ、infinite-scrollを用いて無限スクロールの実装を行っています
https://github.com/infinite-scroll/infinite-scroll
静的ページでの実装はできたのですが、今回実現したいことは動的ページを表示することです
(/style/include/template/Entry_SummaryAd/pc-entry.html/page/5/,/style/include/template/Entry_SummaryAd/pc-entry.html/page/3/など)
読み込むページ数はマックス2ページです
どなたか上記についての指定方法をご存知の方がいらしましたらご教授いただけないでしょうか
###発生している問題・エラーメッセージ
エラーメッセージ
###該当のソースコード
html
</div><section id="content"> <h3>DEMO</h3> <div class="post"> <p>demo1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi error quas accusantium sunt aliquam tempora asperiores. Vel quia voluptatum nihil animi ratione autem cum illum culpa libero alias accusamus corporis consequuntur doloremque aliquid placeat esse rerum deserunt eaque est natus voluptate necessitatibus perferendis dignissimos iure veniam error aut deleniti obcaecati ea optio aliquam laudantium dolore aspernatur expedita odit nulla assumenda modi quod laboriosam sequi labore fugiat.</p> <p>Quia sequi tempore ad saepe voluptas quaerat facilis consectetur ullam quam esse ipsa ipsum. Expedita nulla facilis mollitia blanditiis vitae ad dolorum quasi incidunt dignissimos labore animi laudantium similique beatae eveniet fuga in laboriosam aliquam quo autem velit molestias sunt quam nemo enim tempore saepe ullam optio nihil iste architecto accusamus repellendus dolores eaque iusto culpa nobis asperiores temporibus rem explicabo possimus! Nisi consectetur soluta vero facere aut nemo minus vel laudantium cupiditate dolore quaerat itaque neque saepe ab libero fugit ex voluptatibus dolor quas veniam est ipsa eveniet provident aperiam nesciunt consequatur eius iusto inventore qui nihil animi ea debitis deleniti modi nobis cumque ut placeat quasi ad accusamus laborum illo.</p> <p> Amet nihil in cupiditate quis adipisci natus aut veritatis maxime ad corporis beatae maiores saepe illo nesciunt voluptate excepturi possimus tempore! Laborum?</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi error quas accusantium sunt aliquam tempora asperiores. Vel quia voluptatum nihil animi ratione autem cum illum culpa libero alias accusamus corporis consequuntur doloremque aliquid placeat esse rerum deserunt eaque est natus voluptate necessitatibus perferendis dignissimos iure veniam error aut deleniti obcaecati ea optio aliquam laudantium dolore aspernatur expedita odit nulla assumenda modi quod laboriosam sequi labore fugiat.</p> </div> <p class="navigation"><a href="index2.html">次のページへ</a></p> </section>
script
<script src="jquery.infinitescroll.min.js"></script></script><script> $(function(){ $('#content').infinitescroll({ navSelector : ".navigation", nextSelector : ".navigation a", itemSelector : ".post", maxPage : 3, dataType : "html", animate:true, extraScrollPx: 200, loading : { img : "js/loading.gif", finishedMsg : "全ての読み込みが終了" } }, function(newElements) { $(newElements).hide().delay(100).fadeIn(600); // フェードイン処理 $(".navigation").appendTo("#content").delay(300).fadeIn(600); // ナヴィゲーションボタンの移動 }); $('#content').infinitescroll('unbind'); // 初期化 $(".navigation a").click(function(){ $('#content').infinitescroll('retrieve'); return false; }); });
###試したこと
課題に対してアプローチしたことを記載してください
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
回答1件
あなたの回答
tips
プレビュー