Fancybox 2でAJAXコンテンツが表示されない（「要求されたコンテンツを読み込めません」）

Question

Fancybox 2でAJAXコンテンツが表示されない（「要求されたコンテンツを読み込めません」）

私はこのかなり基本的なコードを$（document）.readyリスナーの中に持っています：

        $('#contact-us-button').fancybox({
            padding: 20,
            beforeLoad: function() {
                            $("#slideshow").data('nivoslider').stop();
                        },
            afterClose: function() {
                            $("#slideshow").data('nivoslider').start();
                        }
        });

        $('.get-a-quote').fancybox({
            padding: 20,
            beforeLoad: function() {
                            $("#slideshow").data('nivoslider').stop();
                        },
            afterClose: function() {
                            $("#slideshow").data('nivoslider').start();
                        }
        });

一方、HTML：

[...]

 <div class="product">
Ferrari California




 </div>

Fancyboxは正しくバインドしますが、フォームの代わりにそのメッセージを表示します。クラス名とIDの間に矛盾はありません。何か案は？ Fancybox 1.3.4は、ほぼ同じコード（異なるオプション）で正しく動作することに注意してください。

0

追加された 06 2月 2012 〜で 11:25 著者 Davide Valdo

ビュー: 4

源

ru fr es pt de ar

2 答え

あなたのリンクに fancybox.ajax クラスを追加してみてください。

そして

3

追加された 06 2月 2012 〜で 06:40 著者 JFK

源

魅力的な作品！ありがとう！

追加された 09 2月 2012 〜で 10:22, 著者 Davide Valdo, 源

著者 OG Sean · Answer 1 · 2012-05-24T11:34Z

プロパティ 'type'： 'iframe'を使用して、他のページへのウィンドウのように別のWebページのコンテンツをその中に表示したい場合

Something like this in your < head > tag:

<script type="text/javascript">
    $(document).ready(function() {
            $(".fancybox").fancybox({
                'type'          : 'iframe'
            });
        });
</script>

ポップアップリンクとして "fancybox"クラスのリンクを有効にするこの特定のjavascriptを使用すると、ポップアップを鳴らすリンクが上記のjavascriptのクラス名と一致するように設定されたクラスを持つことになります：

Link