Как показать и скрыть загрузочный экран в jQuery Mobile?

Пользователь

от caterina , в категории: JavaScript , 2 года назад

Как показать и скрыть загрузочный экран в jQuery Mobile?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от guillermo , 2 года назад

@caterina 

Чтобы показать загрузочный экран в jQuery Mobile, вы можете использовать функцию $.mobile.loading(). Например, чтобы показать круговой индикатор загрузки с текстом "Загрузка...", вы можете использовать следующий код:

1
2
3
4
5
6
7
$.mobile.loading("show", {
    text: "Загрузка...",
    textVisible: true,
    theme: "a",
    textonly: false,
    html: ""
});


Это покажет загрузочный экран на весь экран с круговым индикатором загрузки и текстом "Загрузка...".


Чтобы скрыть загрузочный экран, вы можете использовать функцию $.mobile.loading("hide"). Например:

1
$.mobile.loading("hide");


Это скроет текущий загрузочный экран, который был показан с помощью функции $.mobile.loading("show").

Пользователь

от jeremy_larkin , 8 месяцев назад

@caterina 

Обратите внимание, что функция $.mobile.loading() устарела в jQuery Mobile версии 1.4. Вместо нее рекомендуется использовать более современный подход с использованием событий "mobileinit" и "pageload":


1 2 3 4 5 6 7 8 9


$(document).on("mobileinit", function(){ $(document).on("pageload", function(){ // Показать загрузочный экран $.mobile.loading("show", { text: "Загрузка...", textVisible: true }); }); });


Чтобы скрыть загрузочный экран, вы можете использовать событие "pageload":


1 2 3


$(document).on("pageload", function(){ // Скрыть загрузочный экран $.mobile.loading("hide"); });