このBLOGでも使っているAjaxでページングを行う「Ajax Pagination and Infinite Scroll」プラグイン、非常に便利なのだがIEで作動しない。対処方法は…。
調べてみるとIEがCustomEvent()に対応していないのが原因っぽい。ググったところここに解があったので(IE9以上)、プラグインのjs/main.jsの頭にそのままコードを入れて対応OK!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
(function () { if (typeof window.CustomEvent === "function") return false; 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; })(); |
少し残念なのはAjaxの特性上、Instagramから貼り付けた写真が表示されない(続きを読むでリロードすれば大丈夫)、Googleアナリティクスに/page/2とか/page/3とかのアクセスが出ない(つまりpvが減る)のは仕方ないところか。
追記:version 2.0.1で修正済