如何为jQuery UI进度栏设置值的动画? [英] How do you animate the value for a jQuery UI progressbar?

问题描述

我已经设置了jQuery UI进度条，但是不能使用jQuery animate来为其值设置动画.关于如何进行这项工作的任何想法?

I've setup a jQuery UI progressbar but can't use jQuery animate to animate it's value. Any ideas on how to make this work?

percentDone变量包含一个从0到100的数字，该数字表示滚动条应沿多远(正常工作).

The percentDone variable holds a number from 0 to 100 showing how far along the scrollbar should be (this works fine).

我尝试了几种不同的方法都无济于事.这是我到目前为止的内容:

I've tried several different things to no avail. Here's what I have so far:

var progressbar = $("#progressbar1").widget();

progressbar.animate({
    value: percentDone
}, 5000, function() {
    console.debug('done animating');
});

请注意，如果我使用值"方法更新滚动条，它可以正常工作，但会跳转到该值而不是平滑地为其设置动画:

Note that if I update the scrollbar using the "value" method it works fine but it jumps to that value instead of smoothly animating to it:

$("#progressbar1").progressbar('value', percentDone);

推荐答案

• • 在真实的应用程序中，您可能不需要生成循环，例如，在上传文件时，您的Flash应用程序会告诉您文件大小，并在达到所需最大值时通知您，因此，我的第一个代码是旨在演示仅使用进度条setter和getter的过程，当然还包括使整个过程发挥作用的东西，例如循环；第二个是糖对相同概念的改编.

    In a real application you may not need to generate a loop, for example, while uploading a file, your flash aplication will tell you the filesize and let you know when you have reached the max value needed, so my first code is intended to demonstrate just the use of the progressbar setter and getter and of course what make the whole thing play, that is for instance, the loop; the second one is an adaptation of the same concept with sugar.

    这篇关于如何为jQuery UI进度栏设置值的动画?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！