1

我在将fancybox iframe 加载到浏览器中时遇到问题。我不确定它是什么（我觉得它很愚蠢），我可以用手。

编译器使灯箱正常工作，但是当我将它移到浏览器中时，它就坏了。我认为这是我的服务器的问题，但是当我直接从桌面打开文件时，它仍然给出同样的错误。任何帮助表示赞赏！

Javascript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://image.iloqal.com/lib/fe5c1570746107757c1c/m/1/DTVLBjqueryfancybox2.js"></script>
<link rel="stylesheet" type="text/css" href="http://image.iloqal.com/lib/fe5c1570746107757c1c/m/1/DTVLBjqueryfancybox.css" media="screen" />
<script type="text/javascript">
    $(document).ready(function() {

        $("#various3").fancybox({
            'width'             : 1000,
            'height'            : 500,
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
        });
    });
</script>

HTML

<a id="various3" class="iframe" href="http://www.google.com">Iframe</a>
4

1 回答 1

1

您应该确保页面上没有任何 Javascript 错误。当我加载您的页面时，它以：

获取http://www.localdtvdealer.com/Script/pageTracking.js /justintest1/:7

和

未捕获的 ReferenceError：未定义 SaveAnalyticData /justintest1/:39

单击我得到的链接后（除了一个空的灯箱）：

event.layerX 和 event.layerY 在 WebKit 中被破坏和弃用。它们将在不久的将来从引擎中移除。

如果这是一个新项目，请将您的jQuery 升级到 1.7+。

获取http://image.iloqal.com/lib/fe5c1570746107757c1c/m/1/blank.gif 404（未找到）jquery.min.js:4

添加丢失的图像

拒绝显示文档，因为 X-Frame-Options 禁止显示。

我认为这是真正的问题。您不允许嵌入要嵌入的内容（其他域？）。这是一个安全预防错误。它可以防止页面上的恶意 i-frames。

于 2012-04-05T19:36:56.217 回答