Blog

phpとinfinitescrollのもっと見る機能

データベースで登録されている件数を読み込んで表示し、

表示されている件数をinfinitescrollでもっと見る機能を作成するプログラムを紹介したいと思います。

プログラムの流れとしては、

まず、phpでデータベースからデータを取得し表示する。

次はphpでページングを作成する。(一ページに何件を表示するか決めて、ページングを作成します。)
ページング機能の作成はこちら

infinitescrollの実装をします。

今回はjQueryプラグインを適用したい要素は「#contents .centerBox」ですので、
上記のように定義します。

つぎは3つのオプションを指定します。

navSelector:次に読み込む要素を囲む要素を指定します
nextSelector:次に読むこむ要素自体を囲む要素を指定します
itemSelector:表示させたい要素を指定します

一ページの続きとして表示したいコンテンツを指定するコードは、
データベースからデータを取得するコードの下に書きます。

現在のページ番号のプラス1して次のページを表示させています。

Author Profile

poe

本心でやれば、できないことはない!。。。。。。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ