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/

jQuery设置文档加载问题的高度

2 个答案: