jQuery Мобильная загрузка в функции

Question

Ive создал функцию, которую я использую для удаления некоторых данных. Обычно это занимает около 5-10 секунд или около того. Я действительно хотел бы добавить функцию загрузки в функцию.

function RefreshDataSubmit() { 
    $.mobile.showPageLoadingMsg("a", "Loading"); 

//Deletes app data 
    deleteAppData(); 

    $.mobile.hidePageLoadingMsg(); 
} 

Я думал, что вышеуказанное showPageLoadingMsg/hide будет работать, но его никогда не будет отображаться.

Я отправлю решение, если найду его.

Спасибо за помощь!

Answer 1

Позвольте мне угадать, веб-браузерные комплекты не отображаются ajax загрузчик.

Это обычная проблема, когда ajax загрузчик должен динамически отображаться. Он может быть исправлен, если функция setTimeout предназначена для запуска действия show/hide.

Что-то вроде этого:

setTimeout(function(){ 
    $.mobile.loading('show'); 
},1); 

и

setTimeout(function(){ 
    $.mobile.loading('hide'); 
},1); 

Также вы используете устаревшие методы, $.mobile.loading следует использовать вместо этого.

Рабочий пример: http://jsfiddle.net/Gajotres/LW7MU/3/

Answer 2

Вот сценарии, который работает для меня. DEMO http://jsfiddle.net/yeyene/Rdfxs/5/

function RefreshDataSubmit() { 
    $(".ui-loader").show(); 
    setTimeout(deleteAppData, 5000); 

    //call Deletes app data 
    //deleteAppData(); 
} 
function deleteAppData(){ 
    // after your scripts, loading will hide, put behind all of your script 

    // loading will hide after 5 sec in this example 
    $(".ui-loader").hide(); 
}