Question

这个类有一个div类“divItemclass”，我把高度设为auto。该div包含一些数据（文本/图像）。现在我想在用户点击删除按钮时将类更改为另一个类。我使用以下代码来执行此操作

$("#divRoundItem").removeClass().addClass("divGlowToDelete").fadeIn(500);

和我的css

.divGlowToDelete
{
background-color:Red;
border:1px solid red;
height:auto;
 }

但是当发生这种情况时，由于我将高度设为自动，因此整个div都没有显示红色bg颜色。如果我将高度从自动更改为固定高度（例如：20像素），它将显示红色bg的高度。

但是我不能提到一个高度，因为div里面的内容长度是动态的。怎么解决这个？我认为如果我可以获取div的当前高度并在运行时将其分配给新类（divGlowToDelete）（更改类时）会很好。

Answer 1

如果在添加新类后使用jQuery设置高度，它会起作用吗？

$("#roundItem")
    .removeClass()
    .addClass("divGlowToDelete")
    .css("height","auto")
    .fadeIn(500);

Answer 2

您可以通过调用height方法来获取或设置div的高度。

Answer 3

尝试设置＆lt; div＆gt;的高度可能是个主意。在页面加载时显式地使用jQuery：

$(document).ready(function() {
    ...
    var $theDiv = $('#divRoundItem');
    $theDiv.css('height', $theDiv.height() + 'px');
    ...
});

Answer 4

您的问题与清除浮动有关吗？