jQuery动画并非实际动画，但它正在到达期望的属性

Question

我使用jQuery的动画来构建进度条。

我试过几种不同的代码组合，但我总是得到相同的结果。 animate（）方法似乎工作，但我实际上不能看到元素变成动画。函数完成后，该元素将被隐藏（通过另一个进程）。如果我再次重新启动该过程，则会看到该元素已达到所需的宽度，但不是动画。我错过了什么？

  $("#progressbar").animate({ 
      width:'100px' 
      }, { 
      duration: 1500, 
      easing: 'linear', 
      complete: function() { 
       console.log('done!') 
      } 
     }); 

下面是#progressbar元素的原始CSS：

#progressbar{ 
width:1px; 
background-color:pink; 
display:block; 
} 

我尝试不同的代码组合，包括没有“宽松”属性。回调起作用，而且事实上达到了100px。我复制了其他网站的代码并放入代码中，结果没有，这导致我相信我可能会遇到某种CSS问题，但我不确定。为了清楚起见，我没有为此使用jQuery UI（虽然，对于记录，我已经将它安装在页面上，而我正在使用另一个函数，但我试图删除它，但它没有使用jQuery UI） t似乎有效果）。

Answer 1

试试这个：http://jsfiddle.net/4DJFy/1/ 请注意，如果您有空元素，您需要定义height。