Jquery 弹跳div不工作
在我的应用程序中,我有一个隐藏到90%的div。如果单击看到的零件,将显示div的其余部分。div以200像素的速度下滑,当它全部下滑时,我希望它反弹几次。下面是代码,但由于某种原因,反弹不起作用 如果有人能帮我,我将不胜感激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({
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%确定)。无论如何,我仍然会使用宽松的解决方案:)