1

div要素が変更された後の高さの更新に問題があります。

基本的に私は3つのファイルを持っています:

index.html:

  <!DOCTYPE html>
    <head>
    <title>Template1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="jquery.js"></script>
    <script src="respond.js"></script>
    </head>
    <body>
    <div id="wrapper">
    <img class= "img_center_big" src = "img.png">
    </div>
    </body>
    </html>

スタイル.css:

body
{
    width:100%;
}

img
{
    max-height:1000px;
}

#wrapper
{
    background-color: yellow;
    display: block;
    margin: 0 auto;

}

応答.js:

 $("#wrapper").ready(function(){
  console.log($("#wrapper").height());
  $("#wrapper .img_center_big").width($("#wrapper").width() * 0.9 );
  $("#wrapper").height("auto");
  console.log($("#wrapper").height());
 });

問題は、$("#wrapper").height()変更後も同じであるということです。これに対する解決策はありますか？私は周りを見回しましたが、これに対する答えを見つけることができませんでした。

コンポーネントがjQueryで変更された後、divの高さを取得したい。

編集：投稿のファイル名を変更し、タイプミスをしました。

4

1 に答える 1