前提・実現したいこと
当方HTML・CSS程度しか分からない初心者なので、説明の不備があった申し訳ありません。
WordpressのTDCテーマ(OOPS!)を利用してサイトを作っているのですが、エラーにより動的な部分(自動で浮かび上がってくるはずの部分)の表示がされません。
スマホやタブレットではエラーが出ませんが、パソコンでの表示の場合のみ以下のようなエラーがデベロッパーツールで確認できました。
発生している問題・エラーメッセージ
jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1 Uncaught ReferenceError: init_post_list is not defined at HTMLDocument.<anonymous> ((index):330) at i (jquery.js?ver=1.12.4:2) at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2) at Function.ready (jquery.js?ver=1.12.4:2) at HTMLDocument.K (jquery.js?ver=1.12.4:2)
(補足:関数の定義箇所/infinitescroll.js)
function init_post_list(target, maxPage, finishedMsg, imgPath) { var $container = jQuery('#js-infinitescroll'); $container.imagesLoaded(function(){ jQuery(target, '#js-infinitescroll').each(function(i){ jQuery(this).delay(i*150).queue(function(){ jQuery(this).addClass('is-active').dequeue(); }); }); $container.infinitescroll({ navSelector : '#js-load-post', nextSelector : '#js-load-post a', itemSelector : target, animate : true, extraScrollPx: 150, maxPage: maxPage, loading: { msgText : 'LOADING...', finishedMsg : finishedMsg, img: imgPath } }, // callback function(newElements, opts) { var $newElems = jQuery(newElements); $newElems.imagesLoaded(function(){ $newElems.each(function(i){ jQuery(this).delay(i*150).queue(function(){ jQuery(this).fadeTo('slow', 1).dequeue(); }); }); }); if (opts.maxPage && opts.maxPage <= opts.state.currPage) { jQuery(window).off('.infscr'); jQuery('#js-load-post').remove(); } }); }); }
(補足:関数の定義箇所/infinitescroll.min.js)
function init_post_list(e,i,t,a){var n=jQuery("#js-infinitescroll");n.imagesLoaded(function(){jQuery(e,"#js-infinitescroll").each(function(e){jQuery(this).delay(150*e).queue(function(){jQuery(this).addClass("is-active").dequeue()})}),n.infinitescroll({navSelector:"#js-load-post",nextSelector:"#js-load-post a",itemSelector:e,animate:!0,extraScrollPx:150,maxPage:i,loading:{msgText:"LOADING...",finishedMsg:t,img:a}},function(e,i){var t=jQuery(e);t.imagesLoaded(function(){t.each(function(e){jQuery(this).delay(150*e).queue(function(){jQuery(this).fadeTo("slow",1).dequeue()})})}),i.maxPage&&i.maxPage<=i.state.currPage&&(jQuery(window).off(".infscr"),jQuery("#js-load-post").remove())})})}
(補足:関数の呼び出し/(index))
呼び出しているのはここでしょうか…
この一文がうまく機能していないようです。
エラーメッセージにあった
at HTMLDocument.<anonymous> ((index):330)
の(index)の箇所をクリックすると、以下の一文がマークされたソースコードが出てきます。
init_post_list('.p-blog-list__item', 1, 'これ以上記事はございません', 'http://略');
試したこと
TDCテーマのほうに問い合わせ、原因の可能性となっている
・PHPのバージョンアップ
・プラグインの停止
・テーマの再インストール
は試しましたが、うまくいきませんでした。
補足情報(FW/ツールのバージョンなど)
Wordpressのバージョン 4.9.8–ja(最新)
テーマ「OOPS!」バージョン: 1.1.5(最新)
→デモサイト「http://tcdwp.info/tcd048/」を見ていただけると分かりやすいかと思いますが、トップページの最上部や途中にある製品が出てくるスライダーが動かず、何も表示されない状態になっています。
何か解決へのアドバイスをいただけるとありがたいです。
宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー