遇到Fancybox的问题(P.

时间:2009-11-23 15:00:14

标签: javascript jquery fancybox

我正在尝试将Fancybox添加到我的ASP.NET MVC应用程序中,但我遇到了一些麻烦。

如您所见,我添加了对jQuery和Fancybox的引用。 css被包含在我的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>

但是,当我点击链接时,我得到一个:Microsoft JScript运行时错误:权限被拒绝 alt text http://img265.imageshack.us/img265/7738/screenshot20091123at352.png

之后是我的屏幕: alt text http://img14.imageshack.us/img14/7738/screenshot20091123at352.png

我不知道该怎么办。我很绝望,因为我整天都在努力弄清楚发生了什么。请帮忙! :)

1 个答案:

答案 0 :(得分:2)

您需要在链接中添加“iframe”类,以告知fancybox使用iframe加载内容以避免与same origin policy发生冲突。相同的源策略阻止浏览器通过AJAX下载外部内容。或者,您似乎可以在URL中添加?iframe参数并获得相同的效果。