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，那么您将无法使用回调获取值 ( .val())，因为将在所有 fancybox 内容已被删除时执行。你宁愿改用（你仍然可以在关闭fancybox后提醒价值）onClosedonClosedonCleanupx

所以对于 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
}