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

2 答え

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


そして


3
追加された
魅力的な作品!ありがとう!
追加された 著者 Davide Valdo,

プロパティ '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
0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript