jquery - 加载网页后，如何使用 jquery 进行 div 弹跳？

Question

用户错误地输入登录详细信息后，网页会重新加载并显示错误消息，要求他们再次插入详细信息。但我希望错误消息 div 在提交用户详细信息后重新加载页面时（或仅在加载页面时）反弹几次。

我遇到了这个脚本，它可以制作我想要的动画，但需要 .click 事件。我怎么能改变它，让它在页面加载时动画？

$("div").click(function () {
  $(this).effect("bounce", { times:3 }, 300);

});

这种效果也适用于标准 jquery 库吗？

Answer 1

尝试像这样的 FIDDLE

$(function(){
    $("#my_div").effect("bounce", { times:3 }, 300);
})

Answer 2

$(document).ready(function(){
     $("#my_div").effect("bounce", { times:3 }, 300);
});

或者

$(window).load(function(){
   $("#my_div").effect("bounce", { times:3 }, 300);
});