用的fancybox（P

Question

我想要的fancybox添加到我的ASP.NET MVC應用程序，但我有一些麻煩。

正如你可以看到有問題，我添加引用jQuery和的fancybox該CSS 。是incapsulated我的style.css的內部，所有的圖片都在正確的地方

<link rel="stylesheet" href="/Content/style.css" type="text/css" media="screen" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="/Scripts/jquery.fancybox-1.2.6.pack.js"></script> 

好吧，我說這行火了插件的fancybox：

<script type="text/javascript"> 

    $(document).ready(function() { 
     $("a.zoom").fancybox(); // The a with zoom class 
    }); 

</script> 

然後我有鏈接：

<a class="zoom" href="http://www.nytimes.com">This goes to iframe</a> 

但是，當我點擊鏈接我得到一個：微軟JScript運行時錯誤：權限被拒絕 alt text http://img265.imageshack.us/img265/7738/screenshot20091123at352.png

而這之後，我的屏幕： alt text http://img14.imageshack.us/img14/7738/screenshot20091123at352.png

我不知道該怎麼辦。我很拼命，因爲我一整天都在試圖弄清楚發生了什麼。請幫忙！ :)

Answer 1

您需要將類'iframe'添加到鏈接以告知fancybox使用iframe加載內容以避免與same origin policy發生衝突。相同的來源策略可防止瀏覽器通過AJAX下載外部內容。或者，看起來你可以在URL中添加一個?iframe參數並獲得相同的效果。