はAJAX呼び出しの後にJavaScriptでボタンを無効にすることはできません

Question

私は、次のjsファイルを持っていると私は私のAJAX呼び出しの後にボタンを無効にする：

$('document').ready(function() { 
    const runField = $('input[id=run]') 
    const runButton = $('.btn-run') 
    const saveButton = $('.btn-save') 

    runButton.on('click', function(event) { 
    console.log('run clicked') 
    runField.val(1) 
    event.preventDefault() 
    $('.btn-run').prop('disabled', true) 
    console.log($('.btn-run').prop('disabled')) 
    runCode() 
    $('.btn-run').prop('disabled', false) 
    }) 
}) 

runCode()を私のAJAX機能がここにあるが、私は.prop('disabled', true)ボタンを使用する場合私のコンソールで次のログ出力された行がtrueを返しても、まだ無効になっていませんでした。 IDのようなすべてのプロパティが正しいことを確認しました。どんな助けにも感謝！

Answer 1

可能であればrunCodeを共有することは、$('.btn-run').prop('disabled', false)のための約束またはコールバック関数を使用する必要があります。

あなたのAJAXコールバックは以下のようになります。 URLは異なるが、成功すると$('.btn-run').prop('disabled', false)が実行されている。これが有効になるはずです。

$.ajax({ 
    url: "demo_test.txt", 
    success: function(result){ 
     $('.btn-run').prop('disabled', false) 
    } 
});