Question

Javascript中animate变量

怎么实现下面的功能，要求每次点击span都增加一个长度，为什么width：+=a 不能实现，而width：‘+=100px’可以。 应该怎么规范的表达

HTML

<span class="a"></span>
CSS

span {
display: block;
width: 100px;
height: 100px;
margin: 0 auto;
background-color: blue;
}

JAVASCRIPT
var awidth=$(".a").width()
a=$('.a')

a.on('click',function(){
a.animate({width:+=a})
})
还有一个问题
var a='10px'

animate（{left:a}）
如果想要取-10px，那应该怎么写

Answer 1

var awidth=$(".a").width()
a=$('.a')
a.on('click',function(){
    a.animate({width:'+='+awidth})
})

var a='-10px'  
animate({left:a})