jQuery .height() not changing

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'(;}(;}(;