关于文档加载问题的 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/