javascript - jQuery、js、ajax、div要素の高さが間違っています

Question

興味深い問題があります。jQuery (行のリスト) を使用して ajax 経由でデータをロードし、それらを div に配置します。これが最終的にドキュメントに追加されます。このように sth を実行しようとすると

doc.append(myDiv);
console.log(myDiv.height());

高さが間違っています (ドキュメントインスペクタに異なる値が表示されます)。しかし、待ってから (たとえば 750ms)、高さを取得しようとすると、問題ありません。

そして、私の質問があります。私は間違っているのでしょうか、それともブラウザの通常の動作ですか? （私はChromeを使用しています）

乾杯。

アップ、物事を片付けるために、私は次のようにします：

success: function() {
       for(line in data){
            doing sth on line, and then append to myDiv
       }
       myDiv.height()
      }

score 0 · Accepted Answer

データがDIVにロードされるのを待ってから、アラートのみを実行する必要があります。あなたの完全なコードが何であるかはわかりませんが、これが問題のようです

score 0 · Accepted Answer

jqueryなしで直接javascriptで高さを取得してみてください。jquery の高さと幅の関数が正しくない場合があることに気づきました。これらを試してください：

myDiv.get(0).offsetHeight;

score 0 · Accepted Answer

ajax レスポンスがロードされていないことが原因である可能性があります。で ajax を使ってみてくださいasync:false。これをチェックしてください http://api.jquery.com/jQuery.ajax/

3 に答える 3