jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – Firefox中奇怪的bootstrap进度条行为大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的应用程序中有一个简单的动画引导程序进度条,仅在Firefox中表现奇怪.

HTML

<div id="render-progress" class="progress progress-Striped active" >
  <div class="bar" style="width: 25%; height:100%;BACkground-color: #CCCCCc;"></div>
</div>

JS:

$('#render-progress .bar').animate({width:'50%'},2000);

在Chrome中,它应该像它应该的那样从25%到50%,但在Firefox中它从25%到75%到50%.

这让我疯了,我无法弄清楚为什么它会像那样.

看见fiddlehttp://jsfiddle.net/dv4Hd/12/

解决方法

这似乎是关于使用百分比进行动画制作的jQuery错误.

它被引用为here标记为1.7的固定 – 它再次出现在1.8.3中,因为在你的小提琴中将jQuery版本更改为1.6.4或1.7.2将使其按预期工作.

此外,转换为像素可按预期工作:http://jsfiddle.net/dv4Hd/24/

// Must include code when linking to fiddle
var $progressBar = $('#render-progress .bar');
var percenTincrease = 0.50;
var parentWidth = $('.progress').width();
var increasePx = parentWidth * percenTincrease;
$progressBar.animate({width:increasePx},2000)

我将搜索队列以确保报告尚未生效,如果没有,则本周提交一份报告.

大佬总结

以上是大佬教程为你收集整理的jquery – Firefox中奇怪的bootstrap进度条行为全部内容,希望文章能够帮你解决jquery – Firefox中奇怪的bootstrap进度条行为所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。