Question

在父页面使用thickbox时，怎么将iframe也覆盖掉

一个页面，包含一个iframe子页面，在父页面通过JavaScript给iframe子页面添加了一个a标签（iframe子页面不可修改），同时点击iframe中添加的那个a标签调用thickbox的tb_show方法弹出蒙板将整个父页面都蒙住，但是现在出现的问题是iframe子页面并没有蒙住，依然可以进行其他的点击事件，请问各位大拿有没有什么办法将iframe也给蒙住，谢谢了

Answer 1

只需要修改一下thickbox的源代码就能达到这样的效果
Java代码 function tb_init(domChunk){ $(domChunk).click(function(){ var t = this.title || this.name || null; var a = this.href || this.alt; var g = this.rel || false; if(a.indexOf('TB_iniframe') != -1) //检测是否有TB_iniframe参数 { window.top.tb_show(t,a,g); } else { tb_show(t,a,g); } this.blur(); return false; }); }
父页面的代码
Java代码 <link href="thickbox.css" rel="stylesheet" type="text/css"> <script src="jquery.js"></script> <script src="thickbox.js"></script> <style type="text/css"> <!-- #Layer1 { position:absolute; left:286px; top:132px; width:878px; height:430px; z-index:1; } --> </style> <div id="Layer1"> <iframe src="demo.html" width="100%" height="100%"></iframe> </div>
子页面的代码
Java代码 <link href="thickbox.css" rel="stylesheet" type="text/css"> <script src="jquery.js"></script> <script src="thickbox.js"></script> <a href="man.jpg?TB_iniframe=true" title="add a caption to title attribute / or leave blank" class="thickbox">Example 1</a>