Colorboxでスマホを回転した時にモーダルを閉じる

はじめに

Colorboxは画像、動画、htmlなどを手軽にモーダル化できるプラグイン。
公式：http://www.jacklmoore.com/colorbox/

レスポンシブでスマホ対応していたのですが、回転時（landscape/portrait切替時）にどうしても表示が崩れてしまうため、モーダルを自動で閉じることにしました。

JS

var timer = false;
$(window).on("orientationchange resize",function(){ //1
if (timer !== false) { clearTimeout(timer); }
timer = setTimeout(function() { $.colorbox.close(); }); //2
});

解説

colorbox読み込み後に上記を追加。
1.画面回転を検知し
2.colorboxのモーダルを閉じています

参考