高度寬度不工作的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