2

我正在尝试使用 jQuery Fancybox 在 iF​​rame 中打开的页面中调用 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");
4

1 回答 1

2

你应该使用：

var $f = $("#fancybox-frame");
$f[0].contentWindow.getParam("test");

原因：

  • 该方法是全局声明的，而不是作为document对象的方法。
  • JavaScript 区分大小写；getParam不同于getparam。
于 2011-11-22T10:32:38.147 回答