0

私はこのサイトを隅々まで見てきましたが、私が探していたものをほぼ正確に見つけました。ただし、CSS/HTML についてはかなりの能力がありますが、Javascript は私にとってまったく新しいものです。

ページの読み込み時にいくつかの画像を順番に読み込み、次々とフェードインしようとしています。以前の Fiddle をこれに変更しました。これは、(アヒルを除いて) 私が求めているものと実質的に同じものを反映しています。ここで確認できます: http://jsfiddle.net/v8azx/1/

私の問題は、自分のページで実行できないことです。sequencer.js という名前の .js ファイルがあり、これをページの先頭に配置しました。

<script type="text/javascript" src="/sw3/sequencer.js"></script>

私の sequencer.js ファイルはこれで構成されています (これだけですが、これが問題でしょうか?)

$('.fbimg').each(function (i) {
$(this).delay(500 * (i + 1)).fadeIn(1000);
});

.fbimg は、順次ロードしようとしているクラスです。私のページには、その 2 つのインスタンスがあります。

私の直感では、javascript はフィドルで問題なく動作するため、単に私のページで実行されていません。ページをロードすると、画像が表示されないだけです (display:none が原因だと思います)。

私は何が欠けていますか？

4

1 に答える 1

0

jquery スクリプトが最初にロードされていることを確認してください。ドキュメントに含めるのを忘れている可能性があります。

次に、JavaScript を jquery の「ドキュメント準備完了」関数にラップします。

$( document ).ready(function() {
  $('.fbimg').each(function (i) {
  $(this).delay(500 * (i + 1)).fadeIn(1000);
  });
});
于 2013-06-28T01:51:21.567 に答える