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

@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").

@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"); });