如何更改JQuery(UI)中的反弹次数

如何更改JQuery(UI)中的反弹次数,jquery,html,css,jquery-animate,Jquery,Html,Css,Jquery Animate,我的代码: (单击空白区域中的任意位置) 如何更改div的反弹次数?比如说,我希望div在停止前反弹10次,同时改变反弹的速度。 令人惊讶的是,JQuery UI没有太多关于在animate()或slidedown()函数中使用easing和特殊easing的信息(坦率地说:没有,没有示例代码,没有教程),尤其是它们的语法 $(“div”).hide(); $(窗口)。在(“单击”,函数()上){ 美元(“div”)。滑动切换(700,“easeOutBounce”); }) div{ 宽度:

我的代码: (单击空白区域中的任意位置)

如何更改div的反弹次数?比如说,我希望div在停止前反弹10次,同时改变反弹的速度。 令人惊讶的是,JQuery UI没有太多关于在animate()或slidedown()函数中使用easing和特殊easing的信息(坦率地说:没有,没有示例代码,没有教程),尤其是它们的语法

$(“div”).hide();
$(窗口)。在(“单击”,函数()上){
美元(“div”)。滑动切换(700,“easeOutBounce”);
})
div{
宽度:300px;
高度:300px;
位置:绝对位置;
底部:0;
背景颜色:灰色;
显示:无;
}

尝试使用
.effect()

codepen

尝试使用
.effect()


codepen

可能会对此有所帮助。。可能会对这件事有点启发..Tks,有办法切换这个东西吗?IE:当在空白区域中单击时,该项会显示并发生动画,然后再次单击时,它会再次被隐藏。等等,我用一些代码摸索:动画看起来有点奇怪。@ Xeon尝试更改<代码>放宽< /COD> > <代码>“线性”< /代码>。注意,请参见原始问题“如何更改div反弹的次数?例如,我希望div在停止前反弹10次”,设置
次数
选项可调整反弹-尽管反弹效果的渲染也受
持续时间的影响;持续时间越长,出现的“反弹”越清晰,有没有办法切换这个东西?IE:当在空白区域中单击时,该项会显示并发生动画,然后再次单击时,它会再次被隐藏。等等,我用一些代码摸索:动画看起来有点奇怪。@ Xeon尝试更改<代码>放宽< /COD> > <代码>“线性”< /代码>。注意,请参见原始问题“如何更改div反弹的次数?例如,我希望div在停止前反弹10次”,设置
次数
选项可调整反弹-尽管反弹效果的渲染也受
持续时间的影响;持续时间越长,“反弹”越清晰
$("div").hide();

$(window).on("click", function() {
  var el = $("div")
  el.effect({
    effect: "bounce",
    easing: "easeOutBounce",
    duration: 3000,
    distance: 100,
    direction: "up",
    times: 10
  })
});