jquery-ui - 将 JQuery 动画附加到方法/ setter 而不是 CSS 属性？

Question

来自 JQuery 引用 @ http://api.jquery.com/animate/ :

 $('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'   }, 5000, function() {
    // Animation complete.   
 });

似乎我们只能修改真正的 CSS 属性，但是我希望我也可以为 JQuery 对象属性设置动画。例如，我想为进度条的“值”属性设置动画:

http://jqueryui.com/demos/progressbar/#option-value

//setter
$('.selector').progressbar('option', 'value', 37);

我找不到一种方法来为进度条的这个“值”属性设置动画，有什么办法吗？

感谢帮助..

Answer 1

如果要为该值设置动画，您不能使用 javascript setInterval() and clearInterval()方法？

你可以这样做:

var progressBar = $('#progress');           
var index=0;
var maxCount=100;
var theInterval = setInterval (function(){
    progressBar.progressbar({value:index});
    if (index == maxCount) {
        clearInterval(theInterval);
    }
    index++;
}, 100 );

在上面的例子中， setInterval 函数每 100 毫秒触发一次，每次只将值增加 1，当它达到 100 时， clearInterval 函数会停止它的动画。