Blog

phpとinfinitescrollのもっと見る機能

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

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

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

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

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

infinitescrollの実装をします。

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

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

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

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

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

Author Profile

poe
本心でやれば、できないことはない!。。。。。。
» 投稿一覧
     
  • Launch Cart越境ECカート

Archive

ページTOPへ