如何在 jQuery 中的方法完成 运行 时更改锚文本？

Question

我有一个 <a href> link 和一个函数，当 link 被点击（作为按钮）。

函数 运行 成功时会出现警告对话框，但文本仍为 'Loading...'。如何检查该方法是否已完成并将文本更改回其初始 'Update' 文本？

<a href="#" id="myID" class="button1">Update</a>

$('#myID').on('click', function () {
    $(this).text("Loading...");

    method();
    return false;
});   

我可以通过将 $(this).text("Update"); 放入 method() 本身来恢复文本，但这很混乱。

Answer 1

您可以将 callback function 传递给方法：

function method( callback ){
    // do something...
    callback();
}

然后调用：

$('#myID').on('click', function () {
    $(this).text("Loading...");

    method( function(){ $('#myID').text('Update'); } );
    return false;
});   

Answer 2

你可以完成这个。

 <a href="#" id="myID" class="button1">Update</a>

$('#myID').on('click', function () {
    $(this).text("Loading...");

    method(callback(){
       $('#myID').text("done with Loading...");});
    return false;
});   

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