jquery - Fancybox iframe 类型关闭时返回值

Question

我正在使用 fancxbox，可以将变量从 fancybox 子级传递回父级。

在子页面中有一个名为 banner_width1 的文本字段(<input name="banner_width" id="banner_width1" type="text" size="5" value="1000"/>)

'onClosed':function() 
{
alert($("#banner_width1").val());
var x = $("#fancybox-frame").contentWindow.targetFunction();
alert(x.val());
}

Answer 1

如果您使用 fancybox v1.3.4，那么您将无法使用 onClosed 回调获取值 (.val())，因为 onClosed 将在所有 fancybox 内容已被删除时执行。您宁愿使用 onCleanup (尽管在关闭 fancybox 后您仍然可以提醒 x 的值)

因此对于 Fancybox v1.3.4 使用此 API 选项

"onCleanup": function(){
 x = $('#fancybox-frame').contents().find('#banner_width1').val();
},
"onClosed": function(){
 alert("the value of input#banner_width1 is : "+x); // optional
}

确保您已在脚本顶部声明了 var x;，以便可以从任何回调或任何其他函数访问它。

对于 Fancybox v2.x 使用此 API 选项

beforeShow : function(){
 x = $('.fancybox-iframe').contents().find('#banner_width1').val();
},
afterClose: function(){
 alert("the value of input#banner_width1 is : "+x); // optional
}