javascript - jQuery UI 进度条不会变缓

标签 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 被隐藏,即使在之前初始化它也不起作用。目前我只是取消隐藏它。有更好的解决方案吗?

最佳答案

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

请阅读progressbar documentation .

关于javascript - jQuery UI 进度条不会变缓,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8817974/

相关文章:

javascript - 当 "i"达到高于9时,失败

javascript - ng-repeat 无法正确执行 angularjs

javascript - 通过ajax方法GET将google标签管理器结果发送到php页面

javascript - 如何使用 JS/Jquery 检测输入值何时动态变化

php - jquery 通过 php echo 命令返回值

ruby-on-rails - jQuery UI slider + Rails + SimpleForm

javascript - .jshintrc 文件未被读取

javascript - 我可以将信息从浏览器控制台(通过 AJAX)发送到本地/远程主机上的 php 文件吗?

jQuery .effect() 搞乱了网页样式

jquery - 如何在点击退出时关闭模式弹出窗口?