『Ajaxified Expand Post NOW』でlightboxを動くようにする | 星光のつれづれ日記

『Ajaxified Expand Post NOW』でlightboxを動くようにする

シェアする

  • このエントリーをはてなブックマークに追加

もう少し前に書いた記事の『WordPressの『続きを読む』をその場で表示する』。
ここではlightboxが動かないと書いた。
今回はその問題が解決したのでその方法を書いておく。

lightboxを動かす方法

参考にしたページは『LightboxとmoreのAjax(2)問題解決!!!』。(2017年5月21日リンク切れ確認)
参考にしたページとlightboxのプラグインは違うんだけど、方法を頂いた。
僕が使っているlightboxのプラグインは『slimbox2』だ。
今回の修正も大変強引な方法になってしまったのが難点だ。

参考元同じように『ajaxified-expand-post-now.php』の中の

function fetchDone(outcome) {
	wH(gE('viewBox-'+postID), outcome);
}

の部分に追加する。

何を追加するかというと『slimbox2.js』の中身を全部だ。
嘘偽りなく10行ほどを丸々コピペ。
コメントアウト部分は削除するけどね。

function fetchDone(outcome) {
	wH(gE('viewBox-'+postID), outcome);
	ここにslimbox2の中身をコピー&ペースト
}

この関数部分でAjaxにより続きを読み込んだ時にlightboxのプラグインを動作させている。
lightboxプラグインのグローバル関数が理解できればもうちょっとスマートに出来るかも。