jQuery的.animate不工作

Question

我有這樣的jsfiddle：http://jsfiddle.net/2mRMr/3/

這個代碼不工作：

setInterval(function() { 
     box.animate({ 
      left: function (i, v) { return newv(v, 37, 39); }, 
      top: function (i, v) { return newv(v, 38, 40); } 
     }); 

    }, 20); 

而做這：

setInterval(function() { 
     box.css({ 
      left: function (i, v) { return newv(v, 37, 39); }, 
      top: function (i, v) { return newv(v, 38, 40); } 
     }); 

    }, 20); 

任何幫助嗎？

Answer 1

as adeneo said - 使用setInterval您創建自己的動畫，因此您不需要jQuery animate()裏面。 animate()也可能使用setInterval來製作動畫。您修改left和top使用setInterval和newv()和animate（）嘗試修改left和top使用自己的setInterval在同一時間。

btw：在animate()中，您可以使用step()來修改每一步的值（沒有自己的setInterval），但我從來沒有使用它。