Question

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

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

e.g。

$("#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.
 });

Answer 2

这很简单，你应该给你的div而不是class赋予id，这样你就可以定位特定的div。试试这个：

HTML：

<div id="colorDiv" class=".color">
  Hello
</div>

<button id="submit">

JS：

$("#submit").click(function() {
   alert("Are you Sure you want to remove??");
   $("#colorDiv").hide();
});

这将解决您的问题，对于工作小提示检查此Fiddle Link

我的表单发布后，Jquery消失div？

2 个答案: