Jquery 弹跳div不工作

Jquery 弹跳div不工作,jquery,jquery-ui,slide,bounce,Jquery,Jquery Ui,Slide,Bounce,在我的应用程序中,我有一个隐藏到90%的div。如果单击看到的零件,将显示div的其余部分。div以200像素的速度下滑,当它全部下滑时,我希望它反弹几次。下面是代码,但由于某种原因,反弹不起作用 如果有人能帮我,我将不胜感激 var boxDown = false; $('#uploadContainer').click(function(){ if (boxDown === false) { $(this).animate({

在我的应用程序中,我有一个隐藏到90%的div。如果单击看到的零件,将显示div的其余部分。div以200像素的速度下滑,当它全部下滑时,我希望它反弹几次。下面是代码,但由于某种原因,反弹不起作用

如果有人能帮我,我将不胜感激

    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;
        }
    });

就我个人而言,我会使用jQuery函数:

查看
easeOutBounce
one

您可以这样使用它:

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

它应该能按预期工作holyredbeard…

看看这个描述你的代码。一切正常


也许你没有加载jQuery UI?

不确定这是否是你想要的效果,它对我来说很有吸引力:


我猜您没有实现该功能?

此外,我认为反弹效果已经移到了jquery ui(不是100%确定)。无论如何,我仍然会使用宽松的解决方案:)