[英]Calling a javascript function in iFrame opened with Fancybox popup
我正在尝试使用jQuery Fancybox在iFrame中打开的页面中调用javascript函数。
$(".testbox").fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : false,
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none',
afterShow: function() {
//var frameID = $('#fancybox-frame')
//frameID.getParam("test");
}
});
$(".testbox").each(function() {
var element = this;
$(this).fancybox({
'titleFormat' : function() {
var astring = '<span>' + element.id + '</span>';
alert(astring);
}
});
});
HTML:
<a class="testbox fancybox.iframe" href="include/testFrame.html">Iframe</a>
我正在尝试调用testFrame.html中的函数:
function getParam(param) {
alert(param);
}
通常,在不使用Fancybox弹出窗口的情况下在iFrame中调用函数时,我会这样做:
document.getElementById('myFrame').contentWindow.getParam();
但我不知道在使用Fancybox时如何获取整个iFrame的ID。 任何帮助表示赞赏!
编辑:我也尝试了此代码也无法正常工作,我得到IE中的错误:对象不支持此属性或方法。 我确定我要加载的页面具有功能
var $f = $("#fancybox-frame");
var fd = $f[0].document || $f[0].contentWindow.document;
fd.getparam("test");
您应该使用:
var $f = $("#fancybox-frame");
$f[0].contentWindow.getParam("test");
原因:
document
对象的方法声明的。 getParam
是从不同getparam
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.