我的表單發佈後，jquery消失了嗎？

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. 
}); 

Answer 2

這很簡單，你應該給ID到您的div，而不是類，所以你可以針對特定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