jQuery Fancybox 2刷新它的父级iFrame或页面

时间:2012-08-23 21:23:47

标签: jquery iframe fancybox fancybox-2

基本上,我喜欢fancyboxes中的fancyboxes用于数据输入。问题是,当我完成时,我希望它会刷新调用它的fancybox!

以下面的例子为例。我有一个关于浏览器窗口的报告,然后在第一个花式框的详细信息,然后在里面并从中调用,一个花式框,所以我可以在中添加注释....在我添加注释后,花式框是卸载,我想在父级fancybox或其他任何名称上刷新(7个fancyboxes,关闭#7和#6刷新)

https://lh4.googleusercontent.com/-PZlJoSXZSj0/UDWnwAkat0I/AAAAAAAAAPE/SyAPgaSTc1Y/s1600/test.jpg

这里的代码总是刷新上面例子中的窗口。我希望我能让它刷新fancybox的父级fancybox!

    $('.'+sFancy).fancybox({ 
            'href'  : this.href, 
            'width' : '100%', 
            'height' : '100%', 
            'fitToView' : false,
            'autoSize'  :   false,
            'transitionIn'  :   'elastic',
            'transitionOut' :   'elastic',
            'speedIn'   :   200, 
            'speedOut'  :   500, 
            'type' : 'iframe',
            'onClosed'      : function(){
            self.parent.location.reload(true);
            }   
    });  

1 个答案:

答案 0 :(得分:0)

这适用于我的目的。

我已经动态地向fancybox添加了一个函数,用于关闭最后一个关闭以刷新父级的函数。

这将回答我最初提出的问题:

function fancyCall()
{
    var sFancy = 'fancybox';

    if(url.search(/CRMPopper/i) != -1)
        sFancy = 'fancyboxpop';

    $('.'+sFancy).fancybox({ 
        'href'          :   this.href, 
        'width'         :   '100%', 
        'height'        :   '100%', 
        'fitToView'     :   false,
        'autoSize'      :   false,
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   100, 
        'speedOut'      :   300, 
        'type'          :   'iframe',
        'onClosed'      :   function(){window.location.reload();}           
    }); 
}