Postagem

Aqui é onde faço postagens de coisas que acho interessante.

Verificar se um plugin javascript foi carregado antes de usar

Postagem do dia 07/02/2014 na categoria Javascript



Vou mostrar como verificar se um plugin Javascript foi carregado antes de usa-lo.
Muitas vezes usamos vários plugins javascript e uma hora ele pode parar de funcionar, mesmo que ele esteja sendo carregado na tela.

A mensagem mais comum quando isso acontece é ReferenceError: $ is not defined, e que pra alguns pode-se levar um tempo até descobrir como resolver o problema.

Uma boa prática seria sempre verificar a disponibilidade do plugin antes de usar, dessa forma podemos fazer com que uma mensagem de erro amigável seja exibida no console do navegador, facilitando assim a manutenção.

Vou mostrar a utilização do Jquery, sem verificar se ele está disponível para ser usado:

$(document).ready(function() {
    if( $('#first_name').val() !== ''){
        $('#last_name').show();
    }
});

Agora vamos melhorar o código, vamos antes fazer uma verificação para ver se o Jquery está disponível.
if (typeof $ !== 'undefined') {

    $(document).ready(function() {
        if ($('#first_name').val() !== '') {
            $('#last_name').show();
        }
    });

} else {
    console.log('Jquery não encontrado!');
}

Agora a mensagem que irá aparecer no console caso o Jquery não possa ser usado é: Jquery não encontrado!.



Deixe seus comentários abaixo: