Estou tentando mostrar uma imagem de carregamento em minha páginas usando estas funções:
$(document).ready(function(){
$(".loading").hide();
$.unblockUI();
$(".menuLink").focus(function() {
$(this).addClass('link-menu-selected');
});
$(".menuLink").blur(function() {
$(this).removeClass('link-menu-selected');
});
});
$(window).bind('beforeunload',function(){
$(".loading").show();
$.blockUI({message: null});
});
function exportFile(){
$('.loading').hide();
$.unblockUI();
}
Mas, a imagem não aparece, ou seja, as páginas estão carregando corretamente sem exibir a imagem, alguém sabe o que estaria ocorrendo de errado, ou, se há outras maneiras de executar isso ?
Não aparece nenhum erro no console, coloquei ela em meu JS principal de carregamento, um JS único onde centralizo todas as minhas funções.
Existem outras formas de se fazer essa execução de uma maneira eficiente ?