[jQuery] ThickBox 跨越 iframe 顯示完整的黑底

在做某個案子的時候，需要用到 ThickBox 的效果來顯示預覽的內容，但因原設計者採用了 iframe 來展示各單元內容頁的架構，造成點擊內嵌頁框內的項目，跳出的 ThickBox 效果僅有 iframe 內有黑底而已。所幸在網上找到了解法：

thickbox.js 檔案中，init 前面改一下：

if (a.indexOf('TB_iniframe') !== -1) {
  window.top.tb_show(t, a, g);
} else {
  tb_show(t, a, g);
}

原來呼叫 ThickBox 效果的連結呢，加上：

&TB_iniframe=true

外部的母頁面也要加入：

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="thickbox.js"></script>
<link rel="stylesheet" href="thickbox.css" type="text/css" />

如此就不會侷限在 iframe 內才有黑底了。