[JavaScript] [jQuery] thickboxを任意のイベントで呼び出し、closeする

安定した（枯れた）モーダルウィンドウ表示ライブラリとして未だに根強い人気のあるthickbox。onclickで呼び出すようにサンプルが記述されていますが、次に示すように、tb_show関数をコールすることで任意のイベントで呼び出すことができます。

	$(function(){
	/* onloadでthickboxを開く */
	var src = "foo/bar.html?TB_iframe=true&modal=true"; // iframeでモーダルウィンドウを表示するパラメータ設定
	tb_show("", src, ""); // tb_show("キャプション", "表示するコンテンツのURL", "イメージグループ")
	/* thickboxのiframe外部の領域をクリックしたらthickboxをcloseさせる */
	$('#TB_overlay').click(function(){
	tb_remove();
	});
	});

view raw gistfile1.js hosted with ❤ by GitHub

例に示したようにモーダルウィンドウのcloseはthickboxが動的に生成する#TB_overlay（モーダルウィンドウのウィンドウの外側のグレイになる領域を示す）のclickイベントでtb_remove関数をコールすることで実装できます。


参考：
　FlashBLOG MVON.NET - FLASH、WEBに関する話題。 » Blog Archive » jQuery-ThickBoxをお好きなイベントで出す