等待click事件完成

Question

我添加單擊事件處理程序elment

$(".elem").click(function(){ 
     $.post("page.php".function(){ 
     //code1 
     }) 
}) 

，並引發點擊事件

$(".elem").click(); 
//code2 

我如何確保代碼1執行

Answer 1

（忽略之後碼2執行WebWorkers）JavaScript運行在一個單獨的線程上，所以你可以確定code2將總是在code1之後執行。

除非您的代碼1做一些事情異步像Ajax調用或setTimeout()，在這種情況下，觸發點擊處理程序將完成，然後CODE2會執行，然後（最終）回調從Ajax調用（或setTimeout()，或什麼）將運行。

編輯：爲您更新的問題，碼2總會代碼1之前執行，因爲我異步上面所說的Ajax回調將在稍後發生（即使Ajax響應速度非常快，也不會調用回調，直到目前的JS完成）。

「我如何確保代碼1執行後碼2，執行」

使用.click()沒有params爲一個快捷方式到.trigger("click")，但如果你真的叫.trigger()明確可以提供額外的參數將被傳遞給處理程序，它可以讓您這樣做：

$(".elem").click(function(e, callback) { 
    $.post("page.php".function(){ 
     //code1 

     if (typeof callback === "function") 
     callback(); 
    }); 
}); 

$(".elem").trigger("click", function() { 
    // code 2 here 
}); 

也就是說，在點擊處理程序測試是否已在callback參數中傳遞函數，如果是，則調用它。這意味着事件發生時「自然」將不會有回調，但是當您以編程方式觸發它並傳遞一個函數時，該函數將被執行。 （請注意，您通過.trigger()傳遞的參數不一定是函數，它可以是任何類型的數據，並且您可以傳遞多個參數，但爲此我們需要一個函數。有關更多信息，請參閱.trigger() doco。 ）

演示：http://jsfiddle.net/nnnnnn/ZbRJ7/1/

Answer 2

你可以嘗試寫這樣：

$(".elem").live("click", function(){ 
    //code1 
}) 

而且，正如你的射擊觸發都會被執行。

Answer 3

裹code2的方法，並將其添加爲內部code1所以它總是會得到code1後調用的回調執行

code2 = function(){/*code2*/}; 
$(".elem").click(function(){ 
    //code1 
    code2(); 
}) 

Answer 4

使用JavaScript一行行。所以不管出現什麼，都會先執行。因此，在其他方法之前添加點擊代碼將起作用。

此外，如果有任何異步調用，然後採取只有當你得到響應設置的標誌。

var clicked = false; $（'＃elem'）。點擊（功能（）{做一些異步處理 clicked = true; }）;

而（！點擊）{//什麼都不做}

//其他功能，如果使用POST方法，在物業異步=真正的設置被稱爲

或第二選擇將是。