今さらながら、WebサイトのAutoPagingをやってみた
過去に作った個人用ホームページを再利用し、AutoPaging用jQueryプラグインを使ってスルスルページングを実装してみた。利用したプラグインはjScroll。
jScroll - a jQuery Plugin for Infinite Scrolling / Lazy Loading
ハマったポイント
ページ最後のaタグが問答無用で次頁に置き換わる
nextSelector オプションがデフォルトだと 'a:last' だったので当然の挙動。最後のaタグが次ページへのリンクじゃなかったのと、次ページを示すリンクは最後のページには存在しなかったりするので、次のページへリンクのaタグに class="next" を追加して、jscroll()のパラメータを nextSelector: 'a.next' とすることで解決。
雑感
いやー、それにしても大昔に自分で書いたHTMLは汚かった。リファクタしても自己満足の誰得なので、手を入れた箇所しか改善しませんでした。たとえ便利なライブラリでも、オプションのデフォルトのままでは想定した動作にならなかったりするので要注意、という当たり前の感じで、久しぶりに軽く手と頭を動かしましたとさ。