Javascript jQuery UI弹出进度条

如何将jQuery的UI反弹功能添加到此脚本中？脚本当前会将进度条滑出到设置的位置。我希望当它到达这个位置时，它会来回反弹几次，然后休息

我尝试了一些以前的堆栈溢出答案，但都不起作用

    $(function () {
$(".meter .bar").each(function () {
    $(this)
        .data("origWidth", $(this).width())
        .width(0)
        .animate({
        width: $(this).data("origWidth")
    }, 900);
});
});

---

这是黑客行为，请检查是否可以接受

因为要使用

反弹

动画，我们需要对隐藏项调用

显示

，请检查闪烁效果是否可以接受，然后才能使用它

尝试使用动画回调

$(function() {
    $(".meter .bar").each(function() {
        $(this).data("origWidth", $(this).width()).width(0)
            .animate({
                width : $(this).data("origWidth")
                }, 900, function(){
                    $(this).effect("bounce", {
            times:3,
            direction: 'right'
                    });
        });
     });
});

演示：

---

演示：

尝试以下操作。它使用

animate（）

中CSS mods之后的对象来设置属性

您可以使用

bounce

只需在选项中更改方向

$(function () {
    $(".meter .bar").each(function () {

        $(this).data("origWidth", $(this).width())
            .width(0)
            .animate({
                width: $(this).data("origWidth")
            }, 700)
            .effect('bounce', {times: 3, 
                              direction: "right", 
                              distance: 10}
                    , 700);
    });
});

---

演示：

这是在从屏幕上移除其中一个条之后screen@Exhausted好的，反弹效果有效！希望这就是你想要的。我能理解你为什么精疲力竭。总是在消耗社会和资源——就像职业选手一样；）它在反弹。。但不是我希望的那样。我希望它们在滑动后从最终位置反弹（从右到左反弹）-请参阅链接，如果是这种情况，请检查

shake

效果，检查更新的解决方案直到不在那里，很抱歉打扰您。我怎样才能增加重力呢？想象一下，是一个球打在地上。当它撞击时，它会反弹到某个高度，再次坠落并反弹到一个较低的高度，它会这样做几次，直到静止。这就是为什么我认为这是jQueryUI的反弹效应。因为它似乎有重力（是的，眨眼会让我生气。我可能只是使用反弹效果，跳过我原来的js。谢谢你的帮助