teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

###該当のソースコードの追加

2017/05/10 01:48

投稿

workingcore
workingcore

スコア6

title CHANGED
File without changes
body CHANGED
@@ -17,6 +17,30 @@
17
17
  ```
18
18
 
19
19
  ###該当のソースコード
20
+ html
21
+ <div id="main">
22
+
23
+ <section id="content">
24
+ <h3>DEMO</h3>
25
+ <div class="post">
26
+ <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>
27
+
28
+ <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>
29
+
30
+ <p> Amet nihil in cupiditate quis adipisci natus aut veritatis maxime ad corporis beatae maiores saepe illo nesciunt voluptate excepturi possimus tempore! Laborum?</p>
31
+
32
+ <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>
33
+ </div>
34
+
35
+ <p class="navigation"><a href="index2.html">次のページへ</a></p>
36
+ </section>
37
+
38
+ </div>
39
+
40
+
41
+ script
42
+ <script src="jquery.infinitescroll.min.js"></script>
43
+ <script>
20
44
  $(function(){
21
45
  $('#content').infinitescroll({
22
46
  navSelector : ".navigation",
@@ -41,8 +65,8 @@
41
65
  return false;
42
66
  });
43
67
  });
68
+ </script>
44
69
 
45
-
46
70
  ###試したこと
47
71
  課題に対してアプローチしたことを記載してください
48
72
 

2

タイトルを変更しました

2017/05/10 01:48

投稿

workingcore
workingcore

スコア6

title CHANGED
@@ -1,1 +1,1 @@
1
- infinite-scrollのオプションについて
1
+ infinite-scrollの動的ページの指定方法について
body CHANGED
File without changes

1

実現したいことについて編集

2017/05/09 09:08

投稿

workingcore
workingcore

スコア6

title CHANGED
File without changes
body CHANGED
@@ -1,8 +1,10 @@
1
1
  ###前提・実現したいこと
2
- jsライブラリ、infinite-scrollを用いて無限スクロールの実装を行っています
2
+ jsライブラリ、infinite-scrollを用いて無限スクロールの実装を行っています
3
3
  https://github.com/infinite-scroll/infinite-scroll
4
- 静的ページの指定の指定での実装できたのですが、今回実現したいことが動的なページ(ファイル種類の指定なし)を表示することが必要です(http://xxxxx.com/style/include/template/Entry_SummaryAd/pc-entry.html/page/5/,http://xxxxx.com/style/include/template/Entry_SummaryAd/pc-entry.html/page/3/など)
5
4
 
5
+ 静的ページでの実装はできたのですが、今回実現したいことは動的ページを表示することです
6
+ (/style/include/template/Entry_SummaryAd/pc-entry.html/page/5/,/style/include/template/Entry_SummaryAd/pc-entry.html/page/3/など)
7
+
6
8
  読み込むページ数はマックス2ページです
7
9
 
8
10
  どなたか上記についての指定方法をご存知の方がいらしましたらご教授いただけないでしょうか