IE で Fancybox が効かない現象

Fancybox とは、写真をクリックすると、にゅっと拡大してポップアップされるアレのことです。試しに右の写真をクリックしてみて下さい。

いくつかの種類があるようですが、私が使っているのは WordPress 用のプラグインです。

これが IE で効かない現象が起きていたので、行った対策をメモしておきます。

• WordPress が読み込む jQuery が 1.8 以上だと IE でエラー
• 1.7.1 でもエラーになるので、1.7.2 を使う

具体的には、header.php に以下の行を付け加えます。

header.php

<?php
//WordPress自体の読み込みをキャンセル
wp_deregister_script( 'jquery' );
//バージョンの指定
wp_enqueue_script('jquery','http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
?>

参考：ysakaki.com – WordPressでjQueryで指定したバージョンを使う

IEを使わない人も確認だけはしておいた方が良い

IE8、IE9、IE10 で試しましたがいずれも動きませんでした。普段 IE を使わないもので、つい見過ごしていました。Fancybox を導入した時点では確かに IE でも動いていましたので、WordPress のバージョンアップによって jQuery のバージョンが上がったことが原因と思われます。

むしろ、IE を常用しない人の方が要チェックかもしれません。シェアを減らしたとは言え、未だ IE が最大派閥であることには変わりありませんから。

複数のバージョンで確認するには IETester を使うと便利です。