0

HTMLページには、ページがロードされたときに別のファイルから取り込まれる div 要素があります。

次のコード スニペットを検討してください。

<script type="text/javascript">
 $(document).ready( function()
 {
   $( "#index_articles" ).load( "./index-data.txt" );
 });

 <div id="index_articles"></div>

 <b> DUMMY LINES: only for mark the end of loaded data </b>

ページの準備ができると、ファイルがdivindex-data.txtに読み込まれます。index_articlesもちろん、ファイルからデータをロードすると、divindex_articlesの高さが大きくなります。

私が期待しているのは、divの下のページの要素index_articlesが変更されたdivの最後に再配置されることですが、divindex_articlesが他の要素と重なっているということです。

このコードに欠けているものは何ですか?

Fedora 17でjquery 1.8とfirefox 14.0.1を使用しています

4

1 に答える 1

0

Lix と Peter によって提案されたように、間違いは css にありましたが、パラメータの高さで見つかりました:

  height: 70px;

高さパラメータを削除した後、index_articles 内のテキストは他のコンポーネントと重ならなくなりました。

#index_articles {
  display: block;
  width: 70%;
  height: 70px;
  margin-left: 120px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: small;
  text-indent:1em;
   color: green; 
  opacity: 0.8;
}

問題は、height パラメータを設定すると、dom ページ内の他のコンポーネントへの参照がブロックされるように見えるのはなぜですか?

于 2012-08-16T15:04:24.440 に答える