0

こんにちは！

ここで助けが必要です。ここで壁に頭をぶつけていて、fancyboxが機能しない理由がわかりません。いくつかのリンクを含むいくつかの iframe を読み込んで、ファンシーボックスに表示しようとしています。

ファンシーボックスのデフォルトのインクルードを使用しています。

私が間違っていることを誰かが知っていますか？

ご覧いただきありがとうございます。

ロス

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  <html xmlns="http://www.w3.org/1999/xhtml">  
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    
<script type="text/javascript" src="/lib/jquery-1.8.2.min.js"></script>   
<script type="text/javascript" src="/source/jquery.fancybox.js"></script>   
<link type="css/test" rel="stylesheet" href="/source/jquery.fancybox.css" media="screen"/>   
<script type="text/javascript">   
    $(document).ready(function() {  
        $('.fancybox').fancybox();    
    });      
</script>     
<a class="fancybox fancybox-iframe" href="/Contact.html">
4

2 に答える 2

1

ドキュメントが互換モードで実行されているため、IE で動作していません。fancybox が IE で正しく動作するには、標準モードが必要です。

現在のDOCTYPE宣言は（上記のコードのように）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  <html xmlns="http://www.w3.org/1999/xhtml">

そして、私はそれがあるべきだと思います

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

DOCTYPE（宣言を適切に閉じるのを逃しました....タイプミスでない限り）

さらに、次の行を変更します。

<a class="fancybox fancybox-iframe" href="/Contact.html">

これに：

<a class="fancybox fancybox.iframe" href="/Contact.html"> ...</a>

... また ：

<a class="fancybox" data-fancybox-type="iframe" href="/Contact.html"> ...</a>

...また、<a>タグを適切に閉じていることを確認してください

于 2012-10-17T21:05:37.400 に答える
0

スクリプトを次のように変更してみてください。

$(document).ready(function(){
    $("a#featured").fancybox({
      'hideOnContentClick': true,
      'transitionIn'        : 'none',
      'transitionOut'       : 'none',
      'type'                : 'iframe'
    });
});

そして、以下を使用します。

 <a id="featured" href="/Contact.html">
于 2012-10-17T17:13:30.077 に答える