带有iframe的colorbox关闭按钮

Question

我正在使用colorbox进行模态弹出,并且弹出窗口的内容来自URL,因为它显示在iFrame中,如何在模式弹出窗口中添加关闭按钮？

谢谢

这是彩盒的代码

<a class="Modal" href="http://google.com" onclick="openModal();">Click here</a>

和js:

var openModal = function (){        
     $(".Modal").colorbox({
         iframe:true, 
         opacity:0.5, 
         scrolling:true, 
         width:832, 
         height:456, 
         top:60
     });
}

Answer 1

尝试将此添加到 colorbox-iframe.html

<input type="button" name="btnClose" value="Close" onclick="parent.$.colorbox.close()" />