Javascript 使用math优化jQuery修改CSS值的语法
我有一个jQuery函数来修改两个CSS类的宽度值。两个类别的宽度均以百分比表示。如前所述,它是有效的,但我正在尝试优化我的jQuery代码,以便它只使用变量。以下是相关代码(百分比是先前定义的变量): 我试图摆脱“75”和“25”的价值观。我尝试了以下方法:Javascript 使用math优化jQuery修改CSS值的语法,javascript,jquery,css,math,syntax,Javascript,Jquery,Css,Math,Syntax,我有一个jQuery函数来修改两个CSS类的宽度值。两个类别的宽度均以百分比表示。如前所述,它是有效的,但我正在尝试优化我的jQuery代码,以便它只使用变量。以下是相关代码(百分比是先前定义的变量): 我试图摆脱“75”和“25”的价值观。我尝试了以下方法: $('.eventdescription').css({width : -=percent + '%'}); $('.function').css({width : +=percent + '%'}); 但我得到一个“意外标识符”错误。
$('.eventdescription').css({width : -=percent + '%'});
$('.function').css({width : +=percent + '%'});
但我得到一个“意外标识符”错误。用引号括住“+=percent”和“-=percent”似乎没有任何作用。我做错了什么?
谢谢你的阅读
编辑:见Tom Chung的答案。正确的语法是将+=和-=运算符括在引号中,并将它们作为离散单元包含在操作中
$('.eventdescription').css({width : '-=' + percent + '%'});
$('.function').css({width : '+=' + percent + '%'});
“-=”&&&“+=”运算符应为字符串形式
进一步说明,代码+=percent
无效。正确使用它应该是,
var originalPercent = 0;
originalPercent += percent;
// Now, value of originalPercent will be originalPercent + percent
var originalPercent = 0;
originalPercent += percent;
// Now, value of originalPercent will be originalPercent + percent