0

ASP.NET MVCアプリケーションにFancyboxを追加しようとしていますが、問題が発生しています。

ご覧のとおり、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ランタイムエラー：許可が拒否されました 代替テキストhttp://img265.imageshack.us/img265/7738/screenshot20091123at352.png

そして、これはその後の私の画面です： alt text http://img14.imageshack.us/img14/7738/screenshot20091123at352.png

どうしたらいいのかわからない。何が起こっているのかを理解しようと一日中過ごしてきたので、私は必死です。助けてください！:)

4

1 に答える 1

2

同じオリジンポリシーとの競合を回避するために、iframeを使用してコンテンツをロードするようにfancyboxに指示するには、リンクにクラス「iframe」を追加する必要があります。同一生成元ポリシーは、ブラウザがAJAXを介して外部コンテンツをダウンロードすることを防ぎます。?iframeまたは、URLにパラメータを追加して、同じ効果を得ることができるようです。

于 2009-11-23T15:07:08.153 に答える