0

font sizeこんにちは、親divが次のコードに到達したときに減らしたいのです100px heightが、ここでフィドルを見ることができますhttp://jsfiddle.net/VzBw9/1 ​​/

HTML

<div class="divContent"  contenteditable="true" autocomplete="off">
    Start Typing</div>

脚本

$('.divContent').keyup(function(){
        //alert($(this).height())
        if (($(this).height()) > 100)
        {   
        var font = $('.divContent').css('font-size');
        alert(font)
        $(this).css('font-size',''+font-2+'px')
        alert(font);
            }
        })

友達を助けてください...

4

2 に答える 2

1

あなたはこれに非常に近かった。ソリューションを見てみましょう: http://jsfiddle.net/VzBw9/3/。明らかに数値ではない「16px」から2を減算しようとしていたため、フォント変数を数値にキャストする必要があります。

$('.divContent').keyup(function(){
    //alert($(this).height())
    if (($(this).height()) > 100){  
        var font = $('.divContent').css('font-size');
        alert(font);
        font = parseInt(font) - 2;
        font += 'px';

        $(this).css('font-size',font);
        alert(font);
    }
})
于 2013-09-05T06:39:21.087 に答える
0

文字列「16px」に「-」を適用しています。直前にキャスト

$('.divContent').keyup(function(){
    //alert($(this).height())
    if (($(this).height()) > 100)
    {   
    var font = $('.divContent').css('font-size');
    var fontSizeAsNumber = font.substring(0,2);
    var newFontSize = fontSizeAsNumber -2;
    $(this).css('font-size',newFontSize+'px');
        }
    })
于 2013-09-05T06:51:17.267 に答える