2009-10-22 56 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'); 
    ... 
});