javascript - 由于某种原因，脚本不会随机增加字体大小

Question

我正在使用以下脚本将大小增加 1 像素 当我将它与 p 元素绑定(bind)时，脚本工作正常，但如果我将它与嵌套 div 一起使用并绑定(bind)，它会将字体大小增加两到三倍div 元素的脚本

example on fiddle

示例脚本

<script type='text/javascript'>
//Here we're using jQuery 1.4.2
jQuery(document).ready(function () {
  //This is our jQuery code
  //Code to increase our text by 2px
  $('#increaseText').click(function() {
    //Increate the font size by 2px
    $('p').css('font-size', parseInt($('p').css('font-size'))+1);
    $('div').css('font-size', parseInt($('div').css('font-size'))+1);
  });
  //Code to decrease our text by 2px
  $('#decreaseText').click(function() {
    //Decrease the font size by 2px
    $('p').css('font-size', parseInt($('p').css('font-size'))-1);
    $('div').css('font-size', parseInt($('div').css('font-size'))-1);
  });
});
</script>

我尝试使用元素 ID 制作此脚本，但它根本无法运行，如果可以修复此问题，我将不胜感激。我不确定或什么情况下嵌套 div 会增加字体 2 或 3 倍

Answer 1

当你在你的元素上设置字体大小时，你并没有添加任何单位。尝试修复您的代码以包含字体大小的单位:

$('p').css('font-size', (parseInt($('p').css('font-size'))-1) + 'px');