jQuery .height（）不變

Question

我有以下代碼：

$(function() {
  $('#team-ch').click(function() {
    $('#team-camb-hert').height('auto');
  });
});

這會更改鏈接點擊時div的高度。 我在此函數中放了一個警報，可以單擊鏈接時確認它正在運行，只是目標div的高度沒有變化。 首先，目標div在CSS文件中設置的高度為0，但尚未更新。

有誰知道這里可能會發生什么？

Answer 1

嘗試這個：

$(function() {
  $('#team-ch').click(function() {
    $('#team-camb-hert').css('height','auto');
  });
});

Answer 2

查看如何更改元素的高度：

  .test{ margin:10px; border-style:solid; border-width:1px; height:0px; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <input type="button" value="height:10px" onclick="$('.test').css('height','10px');"> <input type="button" value="height:auto" onclick="$('.test').css('height','auto');"> <input type="button" value="height:0px" onclick="$('.test').css('height','0px');"> <input type="button" value="hide" onclick="$('.test').hide();"> <input type="button" value="show" onclick="$('.test').show();"> <div class="test">test</br>test test</br>test</br>test</br></div> 

Answer 3

您也可以嘗試以下方法：

$(function() {
 $('#team-ch').click(function() {
 $('#team-camb-hert').attr('style','height:auto');
 });
});

Answer 4

請將您的腳本代碼放在jQuery庫下面，然后再次運行，如下所示，

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

$（function（）{$（'＃team-ch'）。click（function（）{$（'＃team-camb-hert'）。height（'auto'）;}）;}）;;