如何从父窗口顶部的iframe内打开colorbox

时间:2012-02-08 13:23:36

标签: javascript jquery modal-dialog colorbox

我有一个包含iframe的页面。 iframe中的链接应该打开colorbox。它工作正常。

但是它会打开iframe中的颜色框。是否可以在父窗口上打开iframe。

我感谢任何帮助。

     $(function() {
          $('#ajax').colorbox({iframe: true });
     });

3 个答案:

答案 0 :(得分:2)

您应该可以使用

在顶部框架中触发它
top.$.fn.colorbox({ params });

虽然你需要用勺子喂它想要显示的数据。

答案 1 :(得分:2)

有同样的问题。通过在父页面中放置一个函数来解决,如下所示:

<script>    
$(document).ready(function(){
function call_colorBox(params) {
        $.colorbox(params);
    }
})
</script>

然后使用以下方法调用iframe中的colorbox函数:

<script>
top.parent.call_colorBox({ width: "80%", height: "80%", iframe: true, href:"http://www.google.com" });
</script>

答案 2 :(得分:0)

上面的代码对我不起作用..

top.parent.$.colorbox({ 
    iframe: true, 
    width: "75%", 
    height: "75%",
    href: "frmTATABomPartsUnique.aspx?Parts=Common",
    title: "UNIQUE PARTS", 
    onComplete: function () {
        $("#cboxClose").attr("title", "Close"); 
    } 
});

此代码有效......