1

まず最初に、私の質問で申し訳ありませんが、私は一般的に jQuery と Javascript を初めて使用します。このページで、オフライン テストで非常にうまく機能し、オンライン サイトでも機能する素敵なコードを見つけましたが、読み込みたい特定のページでは機能しません。これはコードです:

<script type="text/javascript">
setTimeout(function() {

$.fancybox({
    'width'             : 292,
    'height'            : 62,
    'autoScale'         : true,
    'transitionIn'      : 'fade',
    'transitionOut'     : 'elastic',
    'openEffect'        : 'fade',
    'closeEffect'       : 'elastic',
    'type'              : 'iframe',
    'href'              : "http://www.facebook.com/plugins/likebox..."
});
}, 5000);   
</script>

必要なすべての JS ファイルと CSS ファイルを読み込んだ後、このコードを Head セクションに配置しました。前述のように、必要な場所を除いて、どこでも問題なく動作します。その理由はおそらく、そのページがリダイレクトの結果であるためです。つまり、ページ A はページ B にリダイレクトされ、ページ B にコードを配置します。コードがページ A にある場合は問題なく機能していましたが、残念ながらページ B にコードが必要です。

私が setTimeout を使用している理由は、ページの読み込みが完了したらポップアップ ファンシー ボックスを読み込む最も簡単なコードだからです。body セクションに iframe への参照を追加する必要はなく、ボックスのサイズを定義するのは非常に簡単です。

誰か助けてくれませんか?

よろしくお願いします。

4

1 に答える 1

1

を削除してsetTimeout、コードを入れてみてくださいDocument Ready handler

<html>
   <head>
      // Your css files come here
   </head>
   <body>
       // You main HTML
      <script dependencies> go here  .. 
      <script  jquery
      <script fancybox plugin
      <script type="text/javascript">
        $(function() {
            $.fancybox({
                'width'             : 292,
                'height'            : 62,
                'autoScale'         : true,
                'transitionIn'      : 'fade',
                'transitionOut'     : 'elastic',
                'openEffect'        : 'fade',
                'closeEffect'       : 'elastic',
                'type'              : 'iframe',
                'href'              : "http://www.facebook.com/plugins/likebox..."
            });
        });
    </script>
 </body>
</html>
于 2013-08-03T23:08:25.807 に答える