jQueryのドキュメントの負荷の問題

Question

上の高さを設定する文書をHERESにコード片ロードされた後、私は高さを設定する問題を抱えている：

<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'); `

この機能は、しかし、

..バージョン1.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/2/で

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

デモパラメータ（V1.4および後）としての機能を受け付けるバージョンを使用http://jsfiddle.net/gaby/Qe7WV/1/

又は

でデモここ

Answer 2

代わり.height使用して実施例である：http://jsfiddle.net/Akkuma/qRZQb/