0

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

小提琴的例子

示例脚本

<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 倍

4

2 回答 2

0

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

$('p').css('font-size', (parseInt($('p').css('font-size'))-1) + 'px');
于 2013-02-05T12:18:02.910 回答
0

试试这个：现场演示

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

更新

这在 jQuery 1.4.2 中不起作用。

对于 1.4.2，使用

ss = parseInt($('p').css('font-size')) + 1 + "px";
$('p').css('font-size', ss);
于 2013-02-05T12:22:35.620 回答