完成按鈕后調用另一個 function 在 jQuery 中單擊 function

Question

在按鈕單擊 function 使用 jQuery 完成操作后，我想調用一個名為func2的 function。 我正在使用這種方法，但不起作用。 它在加載時調用按鈕單擊 function。

$("#btn-click").click(function(){
  //do something
});

function func2() {
  //do something
}

    $.when( $("#btn-click").click() ).done(function() {
       func2();
    });

Answer 1

這是一種方法：您為按鈕單擊定義一個動作。 在我的示例中，我創建了一個帶有setTimeout()調用的 promise。 這可能是 Ajax 調用或其他任何東西（不一定返回承諾）。 一旦動作完成或 promise 完成， func2將開始動作。

 $("#btn-click").click(func1); function func1(){ console.log("func1 started..."); $.when(new Promise(res=> setTimeout(res,1000))).then(()=>{ console.log("func1 done."); func2()}); } function func2() { console.log("func2"); }

 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <button id="btn-click">click</button>

Answer 2

做一個 function 做某事：

function func2(data) {
    //do something with data
}

發出一個涉及例如 Ajax 請求的 function 請求，並在 Ajax 請求完成時執行某些操作：

function requestData() {
    return $.ajax("...").done(func2);
}

將 function 綁定到按鈕單擊：

$("#btn-click").click(requestData);