jQueryUI Progressbar不会轻松

时间:2012-01-11 10:48:52

标签: javascript jquery jquery-ui easing

当我应用以下代码时,它会设置正确的条形值但不进行任何缓动?

$("#myBar").progressbar({ value: 25, speed: 1500, easing: 'easeOutBounce'});

我缺少什么,感谢任何帮助!

由于


解决方案:

我有点自己解决了

$("#myBar").progressbar({ value: 25, speed: 1500, easing: 'easeOutBounce'});

确实是无效的代码(感谢Orenet!),使用:

$('#myBar div').stop().animate({width: val + '%'},1000, 'easeOutBounce');

没有立即工作,因为实际栏的div被隐藏,甚至在没有工作之前初始化它。目前我只是取消隐藏它。任何更好的解决方案?

2 个答案:

答案 0 :(得分:0)

我认为您不能将speedeasing与jquery的默认progressbar一起使用。

请阅读progressbar documentation

答案 1 :(得分:0)

解决方案:

我有点自己解决了

$("#myBar").progressbar({ value: 25, speed: 1500, easing: 'easeOutBounce'});

确实是无效的代码(感谢Orenet!),使用:

$('#myBar div').stop().animate({width: val + '%'},1000, 'easeOutBounce');

没有立即工作,因为实际栏的div被隐藏,甚至在没有工作之前初始化它。目前我只是取消隐藏它。任何更好的解决方案?