jquery - 使用jQuery到达div的最后一点时减小字体大小

Question

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

请朋友帮忙...

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

Answer 2

您正在字符串“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');
        }
    })