jQuery Mobile Подождите, пока следующая страница не будет готова перед загрузкой

Question

Я экспериментировал с jQuery Mobile.Я пытаюсь реализовать следующее

• Когда пользователь нажимает на панель навигации по событиям внизу, он переходит к просмотру списка событий.
• Этот список создается с помощью AJAXзапрос от сервера.
• В настоящее время страница загружается независимо от того, доступен список или нет, а затем впоследствии отображает информацию после завершения загрузки.Untidy !!

Я хотел бы отображать всплывающее окно загрузки мобильного jquery до тех пор, пока страница не будет готова, а затем продолжить.перечислить тесты производительности », это работает так, как мне хотелось бы.

Я пытался привязаться к событию« pagebeforeshow », но безрезультатно.

Любая помощь будет принята с благодарностью.

Answer 1

используйте эту функцию, чтобы скрыть и показать свой загрузчик и свой собственный в java-скрипте

 //show loader
var showLoader = function () {   
        $('.ui-loader').css('display', 'block');
   }

 //hide loader
var hideLoader = function () {
            $('.ui-loader').css('display', 'none');
   }

Answer 2

Я также столкнулся с той же проблемой при загрузке страниц.Я использовал приведенный ниже код для устранения

$(document).on("pagebeforeshow","#page",function(){ 
$("#header").empty();
$("#content").empty();
$("#footer").empty();
});

$(document).on("pageshow","#page",function()
{
$("#header").append("<h2 align='center'>"+'Header'+"</h2>");
$("#content").append("<h2 align='center'>"+'Content'+"</h2>");
$("#footer").append("<h2 align='center'>"+'Footer'+"</h2>");
});

Answer 3

попробуйте поместить обработчик кликов в элемент графического интерфейса, который вы упомянули - панель навигации.

в этой функции выполните вызов ajax, а в функции успеха вызова ajax, после того как вы настроили свой элемент, отобразите следующую страницу.

Для отображения прялки используйте:

.

$ mobile.showPageLoadingMsg ();

Вы переходите на следующую страницу, используя:

$. Mobile.changePage