Fancybox 2は、AJAXのコンテンツを表示するために失敗した

Question

が、私は$（ドキュメント）.readyリスナーの中に、このかなり基本的なコードを持っている（ "要求されたコンテンツをロードすることはできません。"）：HTML一方

 $('#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(); 
         } 
     }); 

：

<a id="contact-us-button" href="impianto/get-a-quote-form.php"></a> 

[...]

<div class="product"> 
<h1>Ferrari California</h1> 
<a href="dettaglio.php?id=7"> 
<img src="images/showcase/ferrari-california-showcase.jpg" /> 
</a> 
<a class="get-a-quote" href="impianto/get-a-quote-form.php?id=7"></a> 
</div> 

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

Answer 1

<a id="contact-us-button" class="fancybox.ajax" href="impianto/get-a-quote-form.php"></a> 

と

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

<a class="get-a-quote fancybox.ajax" href="impianto/get-a-quote-form.php?id=7"></a> 

Answer 2

プロパティ「型」使用してみてください：あなたは、それは内部の別のWebページのコンテンツを表示したい場合は「IFRAME」を他のページへのウィンドウが好きです。

あなた<頭>タグ内でこのような何か：

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

また、それは明白であるかもしれないが、そうでない場合は...火災へのポップアップリンク、あなたのリンクとして「fancybox」クラスへのリンクを有効にするこの特定のJavaScriptでポップアップには、上記のjavascriptのクラス名と一致するクラスが設定されています。

<a href="webpage_URL_to_show_in_popup.php" class="fancybox">Link</a>