jQuery的设置高度

Question

我有问题的文件之后设置高度加载继承人代码段：

<script type="text/javascript"> 
    $(document).ready(function() { 
     var oldHeight = $('.gallery-block').css('height'); 
     var newHeight = oldHeight + 100; --> was for testing 
     $('.gallery-block').css('height', '+=100'); 
    }); 
</script> 

.gallery-block 
{ 
    float: right; 
    width: 100px; 
    height: 120px; 
    text-align: center; 
    margin-top: 20px; 
} 

文档载入具有相同的宽度，我需要它与高度值来加载+ 100没有在CSS中设置它。

Answer 1

它应该工作，你拥有它.. $('.gallery-block').css('height', '+=100'); `

此功能，不过，在V1.6中加入以上..

或者您可以使用

$('.gallery-block').css({height:'+=100'}); 

演示在http://jsfiddle.net/gaby/Qe7WV/

---

对于v1.6以前的版本（如果您因为某些原因不允许升级，您可以使用），您可以使用带有0持续时间的动画。

$('.gallery-block').animate({height:'+=100'}, 0); 

演示在http://jsfiddle.net/gaby/Qe7WV/1/

或

使用接受一个函数作为参数（V1.4和之后）

$('.gallery-block').css('height', function(index,value){ return parseInt(value)+100; }); 

演示版本在http://jsfiddle.net/gaby/Qe7WV/2/

Answer 2

下面是使用.height代替一个工作示例：http://jsfiddle.net/Akkuma/qRZQb/