2012-04-05 75 views
1

我在使用fancybox iframe加载浏览器时遇到了问题。我不确定它是什么(我觉得这是愚蠢的),我可以用一只手。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> 
+0

编译器?咦? – PeeHaa 2012-04-05 19:23:12

+0

哈哈......我真的不应该把它叫做编译器。它只是Dreamweaver。 – Dandy 2012-04-05 19:26:18

回答

1

你应该确保你没有必要在页面上的任何JavaScript错误。当我打开你的网页它的开头为:

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

Uncaught ReferenceError: SaveAnalyticData is not defined /justintest1/:39

而且点击我得到的链接后(besided空灯箱):

event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

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

GET http://image.iloqal.com/lib/fe5c1570746107757c1c/m/1/blank.gif 404 (Not Found) jquery.min.js:4

添加缺少的图像

Refused to display document because display forbidden by X-Frame-Options.

我觉得这才是真正的问题就在这里。你不能嵌入你想嵌入的东西(其他域?)。这是一个安全预防错误。它可以防止页面上的恶意i帧。

+0

这绝对解决了它!主要问题是它不是来自同一个域。现在它在IE中给我带来问题。显然这是一个很常见的问题。再次感谢! – Dandy 2012-04-05 20:02:25

+0

@JustinBoyd yw,欢迎来到SO! :-) – PeeHaa 2012-04-05 20:03:59

相关问题