fancybox iframe在編譯器中工作，但不是瀏覽器

我在使用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>

來源

2012-04-05 Dandy

編譯器？咦？ – PeeHaa 2012-04-05 19:23:12

哈哈......我真的不應該把它叫做編譯器。它只是Dreamweaver。 – Dandy 2012-04-05 19:26:18

你應該確保你沒有必要在頁面上的任何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幀。

來源

2012-04-05 19:36:56 PeeHaa

這絕對解決了它！主要問題是它不是來自同一個域。現在它在IE中給我帶來問題。顯然這是一個很常見的問題。再次感謝！ – Dandy 2012-04-05 20:02:25

@JustinBoyd yw，歡迎來到SO！ :-) – PeeHaa 2012-04-05 20:03:59

fancybox iframe在編譯器中工作，但不是瀏覽器

回答

相關問題