在jQuery中更改div的高度

Question

我想使用jQuery將所有div標記的高度更改爲特定的class。 我已經成功地使用CSS設置高度，但我想從jQuery中更改它。

我曾嘗試下面的代碼：

$('.slide-container').css({ "height": 200 + "px !important" }); 
    $('.slide-container').height(200); 
    $('.slide-container').css({ "height": 200 + "px" }); 

這是將原來的高度的CSS。

.slide-container {  height:300px !important; } 

Here is a JSFiddle of my attempts.

Answer 1

jQuery有一個內置的函數來設置高度。

http://api.jquery.com/height/

$('.slide-container').height(200); 

Answer 2

<div class="slide-container"> 
    apply height to a div tag ,that div is generating from 
    jquery with some class, when height comes from database! 
</div> 



<script type="text/javascript"> 

    var newHeight = yourHeightFromDB; 
    $(function() { 
     $('.slide-container').height(newHeight); 
    }); 

</script> 

Answer 3

變化在CSS線

height: 300px !important;

到

height: 300px;

該聲明基本上不允許您動態設置高度。 Your Jquery code is working fine.

人能爲這個代碼以及

$(document).ready(function() { 

     $('.slide-container').height(500); 
    });