Jump to the content

WordPressの無限スクロールが動かない? Ajax Pagination and Infinite Scrollが動作しない時の対処法

WordPress

WordPressの無限スクロールが動かない? Ajax Pagination and Infinite Scrollが動作しない時の対処法

どうも、イソップです。

WordPressでの無限スクロール実装は、「Ajax Pagination and Infinite Scroll」というプラグインを使うと便利なんですが、 先日IE11で動作しなかったため、バグ対策をしてみました。

Ajax Pagination and Infinite Scrollとは

Ajax Pagination and Infinite Scroll

記事一覧ページで、Ajaxによる無限スクロールを実装できる、WordPressプラグインです。 ページの下までスクロールしたら、次のページへのリンクのコンテンツを自動的に取得して、今いるページの下に追加します。 みなさんもうお馴染みではないでしょうか。

Ajax Pagination and Infinite Scroll

設定ページから各設定が行なえて、何よりシンプル設計で便利なんですよね。

IE11やAndroidで動かない時の対処法

実はちゃんと動作テストされていないのか、IEやAndroidで動かなくて、読み込みが止まってしまうんです。 プラグインが正常に動作してくれないと困りますので、バグを解決します。

  1. プラグインをダウンロードします。
  2. ダウンロードしたファイル内の /js/main.js を編集します。
  3. 下のコードをファイルの先頭に追記します。
  4. サーバーにアップロードします。
(function () {
    function customevent ( event, params ) {
        params = params || { bubbles: false, cancelable: false, detail: undefined };
        var evt = document.createevent( 'customevent' );
        evt.initcustomevent( event, params.bubbles, params.cancelable, params.detail );
        return evt;
    }

    customevent.prototype = window.event.prototype;

    window.customevent = customevent;
})();

window.CustomEventに問題があるので、定義しなおしています。

もし動かない時に試してみてください。

参考サイト

注目記事

最近の記事

ぼくが書いてます

イソップ

フロントエンドエンジニア

イソップ

ページの先頭に戻る

Search results

×