我有多个要执行的操作,我正在使用bootstrap进度条来显示每个操作的进度.
完成每个操作后,使用下面的代码行将进度条设置为零
$(‘.progress’).attr(‘style’,“width:0%”)
完成每个操作后,使用下面的代码行将进度条设置为零
$(‘.progress’).attr(‘style’,“width:0%”)
但是,这反过来动画,对于用户来说,应用程序似乎正在撤消之前执行的操作.
如何在没有反向动画效果的情况下立即重置进度条?
解决方法
您可以删除进度条的转换,如
this answer中所述
.notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } $(".progress-bar").addClass("notransition"); $('.progress-bar').attr('style',"width: 0%");
如果您愿意,可以通过删除notransition类来再次启用转换
$(".progress-bar").removeClass("notransition");
原文地址:https://www.jb51.cc/js/157807.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。