jQuery在文档加载问题上设置高度

jQuery在文档加载问题上设置高度,jquery,html,css,Jquery,Html,Css,我在加载文档后设置高度时遇到问题,请参见以下代码: <script type="text/javascript"> $(document).ready(function() { var oldHeight = $('.gallery-block').css('height'); var newHeight = oldHeight + 100; --> was for testing $('.gallery-block').

我在加载文档后设置高度时遇到问题,请参见以下代码:

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

$(文档).ready(函数(){
var oldheath=$('.gallery block').css('height');
var newHeight=oldHeight+100;-->用于测试
$('.gallery block').css('height','+=100');
});
1.画廊大厦
{
浮动:对;
宽度:100px;
高度:120px;
文本对齐:居中;
边缘顶部:20px;
}

文档加载的宽度相同,我需要它加载的高度值为+100,而无需在css中设置它。

它应该按照您的方式工作<代码>$('.gallery block').css('height','+=100') `

不过,该功能是在v1.6及更高版本中添加的

或者,您可以使用

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


对于v1.6之前的版本(如果由于某种原因不允许升级),可以使用0持续时间的动画

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

使用接受函数作为参数的版本(v1.4及更高版本)


演示在

这里是一个使用.height的工作示例:

它不会更改高度值,如果我先从另一个地方加载值,如:height:;它会影响文档加载过程吗?完美兄弟我想我使用的是1.6版本之前的版本,工作得非常好!
$('.gallery-block').css('height', function(index,value){ return parseInt(value)+100; });