jquery - 弹跳div不起作用

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？