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);
  });

在jQuery中更改div的高度

3 个答案: