0

これについて私を助けてください。

これは私のウェブページです。

<div id="wrapper">

   <div id="header">
      header text
   </div>

   <div id="content">
      content text
   </div>

</div>

#contentブロックをフェードインしたい。

使用する $("#wrapper").fadeIn(1500);と正常に動作し、ページ全体でフェードしますが、使用するとフェードが $("#content").fadeIn(1500);発生しません。

私は何が間違っているのですか？

私も試し $("#wrapper #content").fadeIn(1500);ましたが、運が悪かったので、＃contentdivのみをターゲットにする方法を教えてください。

ありがとうヒープ

4

4 に答える 4

4

サンプルページ/コードを見ずに確実に言うのは難しいですが、あなたは#wrapper隠されているように見えますが、そうではありません#content。

したがって、フェードイン（つまり、含まれているすべてのコンテンツを表示）すると機能しますが、親（）がまだ非表示になっているため#wrapper、フェードインすると機能しません。#content#wrapper

フェードインで正しく#wrapper表示されるように、をデフォルトで表示し、を非表示に変更することを検討してください。#content

繰り返しますが、これはすべてこの時点での推測にすぎません。リンク/サンプルを追加すると、おそらくより良い答えを出すことができます。

于 2012-07-09T00:19:03.123 に答える
2

それは私のために働いています。こちらの例をご覧ください：http：//jsfiddle.net/xwqPA/

于 2012-07-09T00:19:23.590 に答える
2

コンテンツdivをdisplay: noneデフォルトで設定します。

<div id="wrapper">
  <div id="header">
    header text
  </div>
  <div id="content" style="display: none;">
    content text
  </div>
</div>​​​
于 2012-07-09T00:20:24.000 に答える
0

2つのjQuery要素を選択するときは、それらをコンマで区切ります。

$（ "＃wrapper、#content"）。fadeIn（1500）;

複数のセレクターを見る

編集：これは反対票を投じられたので、さらに明確にする必要があると感じています...あなたは#wrapperのフェージング自体が機能すると言います。このことから、デフォルトでは#wrapperが非表示になっていると推測できます。show()したがって、＃wrapperの子要素のいずれかを「表示」する場合は、＃ contentをフェードインする前に、フェードインする（または、少なくともdisplayプロパティを「block」に設定する）必要があります。これは、上記のようにラッパーとコンテンツdivの両方でフェードを実行することで実行できます。

于 2012-07-09T00:17:05.220 に答える