AJAX Loader jQM 1.1

Para mostrar o indicador visual com spinner e texto use o código a seguir:


<script>
  $(document).bind("mobileinit", function(){
    $.mobile.loadingMessageTextVisible = true;
    $.mobile.loadingMessage = "Carregando...";
  });
</script>

Clique o botão a seguir para visualizar o indicador com spinner e texto.

Indicador visual estilizado com os temas do framework

Para estilizar o indicxador visual use o código a seguir:

$.mobile.showPageLoadingMsg("a", "Carregando tema a...");

Clique os botões a seguir para visualizar o indicador visual estilizado segundo um tema.

Somente texto

Para apresentar o indicador visual sem o spinner use o código a seguir:

$.mobile.showPageLoadingMsg("a", "Carregando", true);

Clique o botão abaixo para visualizar o indicador visual sem o spinner.

Nota: Essa página foi traduzida e adaptada da página em inglês constante da documentação do framework.

Voltar para a matéria