jquery 1行,如何向要设置动画的宽度添加额外值

jquery 1行,如何向要设置动画的宽度添加额外值,jquery,width,Jquery,Width,.最宽的抓取h2内的最宽跨度,我的问题是,当我没有抓取h2时,它工作正常 +30+‘像素’ 为什么呢?我的语法错了吗?试试: var gunboxwidth = ($('h2 span').widest().width() + "px" + 30 + "px") 这会将宽度函数返回的数值加上30,然后将其转换为字符串并添加“px”后缀 例如,如果跨度的宽度为“20”,JQuery width函数将返回数字20,而不是像“20px”那样的字符串。因此,上面的代码将其添加30,并生成字符串“50

.最宽的抓取h2内的最宽跨度,我的问题是,当我没有抓取h2时,它工作正常

+30+‘像素’

为什么呢?我的语法错了吗?

试试:

var gunboxwidth = ($('h2 span').widest().width() + "px" + 30 + "px") 
这会将宽度函数返回的数值加上30,然后将其转换为字符串并添加“px”后缀

例如,如果跨度的宽度为“20”,JQuery width函数将返回数字20,而不是像“20px”那样的字符串。因此,上面的代码将其添加30,并生成字符串“50px”。您所拥有的将导致字符串值为:

var gunboxwidth = ($('h2 span').widest().width() + 30 + "px");
…因为当您将字符串添加到一起时,第二个字符串只是附加到第一个字符串之后

'20px30px'
您最好使用:

20 + 'px' = '20px'
'20px' + 30 = '20px30'
'20px30' + 'px' = '20px30px'
…将其保留为数字,然后使用该值再次使用JQuery的宽度函数设置另一项的宽度,如:

var gunboxwidth = ($('h2 span').widest().width() + 30);
$('.selector').width(gunboxwidth);