javascript - Jquery 在我的表单发布后消失 div？

Question

我只是想知道如何在提交过程中消失 div 对象。

当我尝试单击提交按钮时，Div 对象不会直接隐藏。确认事件总是在隐藏 div 之前完成工作。

例如

$("#button").click(function(){
   $(".div").hide(); // step 1.
   var fl = confirm("Do you want to apply this?"); // step 2.
   if(fl){
       bla bla bla....
   }
});

我了解到必须在第一次激活步骤 1，然后执行第 2 步的操作。

但您知道步骤 2 始终先于步骤 1 运行。我的问题是什么？我真的很想解决这个问题:)

测试环境为PC和MAC而非移动设备

Answer 1

您可以尝试回电。

看这里http://api.jquery.com/hide/#hide-duration-complete

$("#button").click(function(){
   $(".div").hide("200", YourFunction()); // step 1.
});

function YourFunction() {
   var fl = confirm("Do you want to apply this?"); // step 2.
   if(fl){
       bla bla bla....
   }
}

编辑:

或者你也可以这样做

 $("#button").click(function(){
     $(".div").hide( "slow", function() {
       var fl = confirm("Do you want to apply this?"); // step 2.
       if(fl){
           bla bla bla....
       }
     }); // step 1.
 });