JQuery show（）は、関数の終了後にのみ動作します。

Question

JQueryのshow()を使用して、関数が（多少の重度の処理で）実行中にビジー状態のインジケーターを表示しようとしています。ただし、機能が終了したときにのみインジケータが表示され、機能の最後にあるhide()のコメントを外すと、インジケータは表示されません。

私はdisplay: none;を使用して最初にインジケータを非表示にしています。

var convert = function() { 
    $("#working").show(); 
    // ... 
    $("#working").hide(); 
}; 

Answer 1

ブラウザはスクリプトの実行とスクリプトの実行を含むシングルスレッドアプリケーションのように機能するためです。

ディスプレイを設定していても、現在のスクリプトの実行が完了するまで実際のレンダリングは行われません。

一つの簡単なハックは、大規模なタスクを遅らせ、レンダリング操作をUI

var convert = function() { 
    $("#working").show(); 
    setTimeout(function() { 
    // ... 
    $("#working").hide(); 
    }); 
};