2009-10-22 79 views
0

我有一个div类“divItemclass”。对于这个类,我已经把高度作为auto.This div包含一些数据(文本/图像)。现在我想改变类到另一个当用户点击删除按钮时,该类。我使用下面的代码这样做jquery:动态分配div高度

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

和我的CSS

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

但是,当这种情况发生,因为我给了高度设置为auto。它没有显示为红色的背景颜色整个div.If我改变高度从汽车到一个固定的高度(例如:20像素)。它显示红色的颜色BG高度。但我不能提到高度,因为内容的长度来自div的动态。如何解决这个问题?我认为这将是一件好事,如果我可以把div的当前高度分配给新类(divGlowToDelete)在运行时(更改类时)

怎么办? 在此先感谢

回答

1

如果您在添加新类后使用jQuery设置高度,它会工作吗?

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

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

0

这可能是一个想法,尝试用jQuery设置<DIV>的高度,明确在页面加载时:

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