如何通过关闭儿童花式盒重新打开父级花式盒?

时间:2013-06-17 14:08:10

标签: jquery html fancybox

我正在使用链接中的fancybox: fancyapps

在我的页面中,我有两个版本:

首先编辑链接如下:

<a id="edit_campaign" title="Edit Campaign" class="edit_icon fancybox1 fancybox.ajax" href="edit_campaign_box.php?campId=<?php echo campid ?>"></a>

当我点击上面的链接时,将使用js打开花式框

$(".fancybox1").fancybox({
        maxWidth    : 650,
        minHeight   : 400,
        height      : 'auto',
        fitToView   : true,
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        helpers     : {
          overlay : {           
             css      : {
                 cursor : 'default'
             },
             closeClick: false
        }
        }
    });

打开fancybox后,我需要在点击以下链接时打开另一个fancybox:

<a title="Edit" class="edit_icon fancybox2 fancybox.ajax " href="edit_campaign_phrase_box.php?keyword=<?php echo urlencode($camp->keyword);?>&searchKeyId=<?php echo $camp->searchKeywordId;?>&campaignId=<?php echo $campaignId;?>"></a>

将使用

打开第二个fancybox
$(".fancybox2").click(function(){

        $(".fancybox2").fancybox({
            maxWidth    : 300,
            maxHeight   : 80,
            fitToView   : false,
            height      : 'auto',
            autoSize    : false,
            closeClick  : false,
            openEffect  : 'none',
            closeEffect : 'none',
            afterClose    : function(){                               
                               $.fancybox.open([{href : 'edit_campaign_box.php?campId=264',title : 'Edit Campaign'}]);
                            },
            helpers     : {
                  overlay : {           
                     css      : {
                         cursor : 'default'
                     },
                     closeClick: false
                }
            }           
        });
    });

打开第二个fancybox后,我将更新表单并关闭fancybox2。

关闭fancybox2之后,我需要重新打开fancybox1,我尝试通过添加回调到第二个fancybox但回调函数被调用次数但是fancybox 2没有打开..请帮助我..在此先感谢..

1 个答案:

答案 0 :(得分:0)

现在我有了输出,将旧版本的fancybox更改为new并替换了fancybox 2的单个代码:

afterClose    : function(){                               
                      $("#edit_campaign").trigger("click");           
                 }