当 fancybox 窗口关闭时将变量传递回父级

Question

我想知道一旦子项关闭，是否可以将变量从 fancybox 子项传递回父项？

function cleanUp(){
    var bla = $("#fancybox-frame").contents().find('input[name=pd_id]');
    alert(bla.val());
}
$("#tree .product a[class!=copy]").fancybox({
    'width'             : 770,
    'height'            : '95%',
    'autoScale'         : false,
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'              : 'iframe',
    'onCleanup'         : cleanUp
}); 

Answer 1

在父级中，我定义

var $_returnvalue = false;

And onClosed 如下所示：

onClosed: function() {
    if ($_returnvalue != false)
    {
        // Do something in the parent
    }

在 fancybox 页面中，当准备好返回某些内容时，我将该值设置为 parent.$_returnvalue ，然后关闭该框。这对于从列表中选择某些内容并将该值传递回调用页面非常有效。

Answer 2

你可以在 fancybox api 中看到： onClosed... 一旦 FancyBox 关闭就会被调用

$('.overlay').fancybox({
    onClosed: function() { 
        var bla = $('#targetFrame')[0].contentWindow.targetFunction(); 
    }
});

没有子窗口/iframe，盒子只是一个绝对定位的 div。它与页面位于同一个 DOM 中。