timepickerが更新されなくなるまで画像をロードする

Question

私は、複数のタイムピッカーを持つタイムピッカーを使用しています。私はビューから単一のtimepickerを変更すると、他のすべての時間ピッカー時間を更新するjqueryを書いてください。以下のように私のjqueryの：私はすべてのtimepicker持つクラス.check-in-timeが更新されます。このピッカーを変更したときに

$("#empattendance-ea_check_in").timepicker("option", "onClose", function(time) { 
    $(".check-in-time").timepicker("setTime", time); 
}); 

#empattendance-ea_check_inは私の単一timepickerです。

すべてがスムーズに動作します。私の問題は、私は他のすべてのタイムピッカーが更新されなくなるまで、画像のロードを表示することです。今すぐonClose timepickerイベントの読み込みイメージが表示されますが、その読み込みイメージを閉じるための成功イベントが見つかりませんでした。画像の読み込みを隠すイベントや方法はありますか？

ありがとうございました。

Answer 1

このコードは同期的に実行されているため、イベントを処理する必要がないか、コールバック関数を探す必要はありません。

あなたが（または画像やモーダルな背景を持つdiv要素が意味をなすかもしれない）のローディングイメージを持っている場合、あなたはupdateコマンドを実行する前に、単にそれを示し、その後それを隠すことができます。

$("#empattendance-ea_check_in").timepicker("option", "onClose", function(time) { 
    $("#LoadingImage").show(); 
    $(".check-in-time").timepicker("setTime", time); 
    $("#LoadingImage").hide(); 
}); 

をたとえあなたが100人のタイムピッカーを持っていても、コメントで言及しているように、現代のブラウザでは2〜2秒以上かかると少し驚いていますが、これが問題になる場合はこれを処理します。あなたはそれを100個の別々の編集可能な行を持つページがある場合はさておきとして

は、多分それは