Question

在我的应用程序中，我有一个隐藏到90％的div。如果您单击所看到的部分，则会显示div的其余部分。 div下滑200px，当它全部下降时，我希望它反弹几次。下面是代码，但由于某种原因，弹跳不起作用。

如果有人可以帮助我，我真的很感激！

    var boxDown = false;

    $('#uploadContainer').click(function(){
        if (boxDown === false) {
            $(this).animate({
                'marginTop': "+200px"
            });
            $(this).effect("bounce", { times:3 }, 300);


            boxDown = true;
        }
        else {
            $(this).animate({
                'marginTop': "-=200px"
            });

            boxDown = false;
        }
    });

Answer 1

就个人而言，我会使用jQuery缓动函数：http://gsgd.co.uk/sandbox/jquery/easing/

查看easeOutBounce一个

你这样使用它：

    $('#my-item').animate(
    { 
        'margin-top': -110
    }, 1000, 'easeOutBounce');

Answer 2

不确定这是否是您想要的效果，它正在为我弹跳：http://jsfiddle.net/drAXv/

我猜你没有实现.ready()功能？

Answer 3

它应该按预期的方式工作......

查看描述您代码的jsFiddle。一切都按照假设。

也许你没有加载jQuery UI？

弹跳div无法正常工作

3 个答案: