JQuery .done（）の使い方

Question

私は以下のコードを持っています。関数1の最後に関数2が呼び出されます。

function function1() { 
    var html = ""; 
    html += '<div>'; 
    html += '<button type="button" id="button1">Click Me</button>'; 
    html += '</div>'; 

    $("#element").html(html).done(function2()); 
} 


function function2() { 
    $("#button1").prop("disabled", true); 
} 

しかし、これはうまくいかず、コンソールは$(...).html(...).done is not a functionという文句を言います。私は何をすべきか？

Answer 1

.html()関数は同期式なので、コールバックは必要ありません。ジャスト）（.htmlのために呼び出した後、2番目の関数を呼び出す：

$("#element").html(html); 
function2(); 

これはfunction2は、新しいマークアップを持つ要素を更新した後に実行されるようになります。

Answer 2

あなたが望む結果を得る最も良い方法は、コードを次のように構造化することです。

function function1() { 
    var html = ""; 
    html += '<div>'; 
    html += '<button type="button" id="button1">Click Me</button>'; 
    html += '</div>'; 

    $("#element").html(html); 
    function2(); 
} 


function function2() { 
    $("#button1").prop("disabled", true); 
} 

function1();