Loader após clicar no link (a)

Tenho um site em wordpress e adicionei um plugin para virar webapp com PWA. O problema é como a barra de endereços some, quando o usuário clica em algum link demora um pouco para carregar e a pessoa fica clicando por não saber que a página está carregando.

Encontrei um plugin que cria um loader sempre que a página começa a carregar. No entanto entre o clique em algum link e a página começar a carregar demora um pouco.

Gostaria que logo que a pessoa clicar em algum link (a) o loader já rodar.

Código JS do loader

jQuery(window).load(function() { 

    jQuery('#wptime-plugin-preloader').delay(0).fadeOut("slow");

    setTimeout(wptime_plugin_remove_preloader, 2000);
    function wptime_plugin_remove_preloader() { 
        jQuery('#wptime-plugin-preloader').remove();
    }

});

1 Resposta

darlan_machado 28 de mai. de 2019

Em geral, você pode isolar essa função em outra

function carregarLoader() {
    jQuery('#wptime-plugin-preloader').delay(0).fadeOut("slow");
    setTimeout(wptime_plugin_remove_preloader, 2000);
    function wptime_plugin_remove_preloader() { 
        jQuery('#wptime-plugin-preloader').remove();
    }
}

Chamá-la na função de load

jQuery(window).load(function() { 
     carregarLoader();
}

E, definir que nos eventos de clique, a mesma função deve ser chamada

jQuery('a').click(carregarLoader());

Acho que assim funciona.

1 Resposta

Topicos relacionados