gpt4 book ai didi

jQuery.animate() 似乎将持续时间参数作为延迟

转载 作者:可可西里 更新时间:2023-11-01 13:07:46 25 4
gpt4 key购买 nike

<分区>

我在使用 jQuery 制作动画时遇到了最大的麻烦。我的目标是将 5% width Bootstrap .progress-bar 设置为 100% width.

我的代码:

HTML

<div class="box">
<div class="box-header">
Box title
<span class="pull-right">
<a class="btn btn-default" data-id="2" rel="tooltip" title="Remove">
<i class="fa fa-times"></i>
</a>
</span>
</div>
<div class="progress">
<div class="progress-bar progress-bar-danger progress-2 progress-bar-striped active" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 5%;"></div>
</div>
<div class="box-content">Long content here...</div>
</div>

jQuery

jQuery(function($) {
$('.btn').on('click', function() {
var id = $(this).data('id');
$('.progress-'+id).animate({width: '100%'}, 5000, 'linear');
});
});

预期的:让 .progress-bar 慢慢地将其 width 从 5% 增加到 100%。

我实际得到的:jQuery 似乎将duration 参数作为延迟。单击它等待,然后以非线性方式快速运行动画。有时,它会立即开始动画,但仍然不是线性方式。

有什么我想念的吗?我的浏览器 (Chromium v​​.42) 有问题吗?它也不适用于 Firefox。不过 Opera 似乎没有任何问题。

谢谢你帮助我。

(not so) working JSFiddle

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com