高度宽度的Jquery动画不起作用

Question

我使用jQuery创建了这个简单的动画。但事件并没有触发动画，我扩展了div的高度和宽度。

$('img').click(function(){
    $('.popup').animate({'height': '+= 100px','width':'+=100px' })
})

Fiddle

谢谢。

Answer 1

更改+=时，您需要删除100px和height之间的空格：

$('img').click(function(){
    $('.popup').animate({'height': '+=100px','width':'+=100px' })
})
//-----------------------------------^ here

JSFiddle

注意：我相信你知道，但是当div具有属性display:none

时你不会看到任何效果