Javascript 由于某些原因,脚本不会随机增加字体大小
我正在使用下面的脚本将大小增加1像素,当我使用Javascript 由于某些原因,脚本不会随机增加字体大小,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用下面的脚本将大小增加1像素,当我使用p元素绑定脚本时,脚本工作正常,但如果我使用嵌套div并将脚本绑定到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
p
元素绑定脚本时,脚本工作正常,但如果我使用嵌套div并将脚本绑定到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>
//这里我们使用的是jQuery1.4.2
jQuery(文档).ready(函数(){
//这是我们的jQuery代码
//将文本增加2倍的代码
$('#increaseText')。单击(函数(){
//将字体大小增加2倍
$('p').css('font-size',parseInt($('p').css('font-size'))+1;
$('div').css('font-size')、parseInt($('div').css('font-size'))+1;
});
//代码将文本减少2px
$(“#递减文本”)。单击(函数(){
//将字体大小减少2倍
$('p').css('font-size',parseInt($('p').css('font-size'))-1;
$('div').css('font-size',parseInt($('div').css('font-size'))-1;
});
});
我试图使这个脚本与元素ID,然后它将无法工作在所有,我会感激如果这可以被修复。我不确定嵌套div将字体增加2倍或3倍是什么情况,当您在元素上设置字体大小时,您没有添加任何单位。尝试修改代码以包含字体大小的单位:
$('p').css('font-size', (parseInt($('p').css('font-size'))-1) + 'px');
试试这个:
更新
这在jQuery1.4.2中不起作用
对于1.4.2,使用
ss = parseInt($('p').css('font-size')) + 1 + "px";
$('p').css('font-size', ss);
$('p').css('font-size')
返回并将'px'附加到it@asifsid88只要<代码> PARSETIN()>代码>,用“PX”结束就没关系。请考虑改写标题。“[…]出于某种原因随机”听起来太好了,不可能是真的。
ss = parseInt($('p').css('font-size')) + 1 + "px";
$('p').css('font-size', ss);