顯示加載圖像，直到時間選擇器不更新

我使用時間選擇器與依賴多個時間選擇器。並寫jQuery更新所有其他timepicker時間，當我從視圖更改單個timepicker。下面我的jquery：顯示加載圖像，直到時間選擇器不更新

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

#empattendance-ea_check_in是我的單timepicker當我改變這個選擇器選擇讓所有timepicker類.check-in-time會更新。

一切工作順利。我的問題是，我想顯示加載圖像，直到所有其他timepicker不會更新。現在onclose timepicker事件加載圖像將顯示，但我沒有找到任何成功事件來關閉該加載圖像。是否有任何事件或方法來隱藏加載圖像？

在此先感謝。

來源

2016-07-05 Karmraj Zala

抱歉，這不是你問究竟清楚什麼。在處理的什麼時候您要顯示加載圖像，以及您希望何時再次隱藏加載圖像？ – ADyson

@ADyson：當我打算使用'Jquery'的時候會出現超過100條記錄時，它會卡住我的屏幕，所以最終用戶會困惑怎麼辦？實際上，在後臺（在Jquery客戶端腳本中）正在運行以更新其他timepicker值。所以我的要求是顯示加載圖像對話框，直到這個Jquery請求正在運行，完成隱藏加載圖像後。 –

此代碼只是同步運行，因爲據我所見，不需要處理任何事件或查找回調函數。

如果你有一個加載圖像（或圖像和模態背景股利可能是有意義的），你只需簡單地顯示它在運行update命令之前，事後隱藏：

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

就像你在評論中提到的那樣，即使你有100個時間選擇器，如果在現代瀏覽器中花費一兩秒鐘時間完成，我也會感到有些驚訝，但是如果這成爲問題，這將會處理。

順便說一句，如果你有就可以了100個獨立的可編輯行的頁面，也許是時候了重新設計的用戶界面:-)

來源

2016-07-07 08:17:54 ADyson

我會檢查出來，然後回覆給你。 –

它不工作。更新所有時間選擇器後隱藏加載圖像的行不顯示加載圖像。我認爲所有的任務都是平行的。當我評論'$（「＃LoadingImage」）。hide（）;'它顯示加載圖像的行。該加載圖片僅在所有時間選擇器都會更新時才顯示。 –

好的。什麼是您使用的timepicker組件？它是否有任何文件在線？這樣我們可以發現事情是否並行運行，或者是否有任何事件可以在完成時處理 – ADyson

顯示加載圖像，直到時間選擇器不更新

回答

相關問題