###前提・実現したいこと
WordPressの投稿記事一覧の無限スクロールに要素を追加したい
10記事目の下に
要素01追加
20記事目の下に
要素02追加
30記事目の下に
要素03追加
40記事目の下に
要素04追加
50記事目の下に
要素05追加
60記事目の下に
要素06追加
70個目以降
繰り返し
※70記事目の下に要素01追加、80記事目の下に要素02を追加
###問題
無限スクロールで記事を読み込んだ後に、指定時に要素を追加する方法がわかりません。
ご教示お願い致します。
###該当のソースコード
js
1$(function(){ 2 3 $('#main').infinitescroll({ 4 navSelector : '.pagination', //ナビゲーションのセレクタ 5 nextSelector : '.pagination a.next', //次へ、を実現するタグのセレクタ 6 itemSelector : 'article.post', //追加する要素のセレクタ 7 loading: { 8 img: '<?php echo get_template_directory_uri(); ?>/loading.gif', 9 msgText: '' 10 } 11 }, 12 // コールバック 13 function(elements) { 14 15 //フェード 16 $(elements).hide().delay(100).fadeIn(600); 17 18 //記事 19 $('#main .post').each(function(i){ 20 $('#main .post').filter(':last').text('hoge' + (i + 1)); 21 }); 22 23 // 一回の記事表示回数 10件 24 // 一回分が追加されるときに呼ばれるコールバック 25 }) 26 });
###補足情報(言語/FW/ツール等のバージョンなど)
・ 一回の記事表示回数 10件
・ 無限スクロール
jQueryのプラグイン 「infinitescroll」使用
http://www.infinite-scroll.com/
あなたの回答
tips
プレビュー