Question

我遇到了在浏览器中加载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>

Answer 1

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

开头

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

和

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

点击我得到的链接（旁边是一个空的灯箱）：

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

如果这是一个新项目升级您的jQuery to 1.7+。

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

添加缺失的图像

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

我认为这是真正的问题。你不能嵌入想要嵌入的东西（其他域名？）。这是一个安全预防错误。它可以防止页面上的恶意i帧。

Fancybox iframe在编译器中工作但不在浏览器中工作

1 个答案: