javascript - 在 Effect 之后运行 Click 函数

Question

我有一个带有“点击”功能的“登录”按钮，可以将用户重定向到另一个页面。

但问题是，在用户点击“登录”按钮后，在用户被重定向到其他页面之前，应该会出现一个“淡入淡出”动画，但这并没有发生，即用户看不到动画，因为他/她立即被重定向到另一个页面，这看起来不太好 =(

我该如何解决这个问题？

谢谢!

Answer 1

使用普通的 button 而不是 submit 作为登录按钮。单击时，调用淡入淡出函数，并在回调函数上提交表单。例如

jQuery

$(document).ready(function(){
  $("#loginbtn").click(function(){  /* When login is clicked */
    $("body").fadeOut(3000,function(){  /* Three second fade out */
      $("#myform").submit();  /* Submit the form after the fade out is done */
    });
  });
});

HTML

<form id="myform" action="test.html" enctype="multipart/form-data" method="post">
  <input type="button" id="loginbtn" value="Login" />
</form>

An example in action.