1

私はJavaScriptが初めてなので、基本に苦労しています...

この遅延を使用して div を取り込みますが、この関数の一部として div をフェードインしたい (ボックスを表示するだけではありません)

function show() {

AB = document.getElementById('div_with_text');

AB.style.display = 'inline';
}

setTimeout("show()", 3000);

誰でもこれを手伝うことができますか？

次のようなものを追加しようとしました：

$(function(){  
  $('#div_with_text').fadeIn('slow');  
});

しかし、私はそれを機能させるのに十分なほど言語を知りません...

どんな助けでも大歓迎です！

4

2 に答える 2

2

そもそもあなたのDIVは隠されていますか？そうでない場合、それはあなたの問題です。すでに開いているドアを開けようとしています。

DIVを非表示にしても、コードは正しくありません。これは機能しません。だったはずsetTimeout(show, 3000);

提供した JavaScript コード ( setTimeout) を使用して、ページが読み込まれてから 3 秒後に、DIV を表示しようとしています。DIV が既に存在し、期待どおりに 3 秒後に「表示」されないことに気付きましたか?

例 - http://jsfiddle.net/BLPTq/2/ - 実行をクリックして確認してください。

機能させるには、最初に DIV を非表示にしてから、setTimeout または jQuery メソッドを呼び出します。例 - http://jsfiddle.net/zeXyG/ - 実行をクリックして確認してください。CSSを確認するdisplay:none;

または、CSS で非表示にしたくない場合は、呼び出すhide()前に呼び出すだけですfadeIn() 

$('#div_with_text').hide().fadeIn('slow');

例 - http://jsfiddle.net/zeXyG/1/

以下のコメントのとおりです。delay()以下に示すように呼び出しに追加します

$('#div_with_text').hide(); // this or use css to hide the div
$('#div_with_text').delay(2000).fadeIn('slow');

ページが読み込まれてから 2 秒後に、これにより div が非表示になり、ゆっくりとフェードインします。この例を注意深く見てください。

于 2012-07-21T00:29:06.433 に答える
0

このfadeInメソッドは、ページに jQuery ライブラリをロードした場合にのみ機能します。それがなければ、ネイティブ Javascript の一部ではないため、メソッドは機能しません。

jQuery をロードすると、構文が正しいため、そのメソッドが機能します。

于 2012-07-20T19:51:59.550 に答える