Fancybox 2つの問題

Question

私はこの単純なhtmlコードました：

<p><a class="doc" href="ajax_content.html">Test</a></p> 

とこのJavaScript

$('a.doc').fancybox({'autoDimensions':false, 'width':'60%', 'height':'70%', 'titleShow':false}); 

これはfancyboxの1.xで正常に動作しますが、バージョン2にそれを返す：

を

The requested content cannot be loaded. Please try again later. 

Answer 1

あなたはそのためのiframeを使用する必要があります：

 
    $(".doc").fancybox({ 
     'width'    : '75%', 
     'height'   : '75%', 
     'autoScale'   : false, 
     'transitionIn'  : 'none', 
     'transitionOut'  : 'none', 
     'type'    : 'iframe' 
    }); 

Answer 2

これを試してください：

HTML：

<p><a class="doc fancybox.ajax" href="/absolute/path/to/ajax_content.html">Test</a></p> 

JSの一部：

$('a.doc').fancybox();