Alternativa válida ao target=’_blank’ com JQuery

Olá pessoal, hoje precisei criar um layout onde os links deveriam apontar para urls externas, abrindo-as em uma nova janela do browser. Como estou trabalhando com doctype strict, colocar simplesmente target=”_blank” vai fazer com que o código deixe de ser válido e essa não é a intenção né rsrsPesquisando na internet encontrei as tradicionais soluções com javascript e analisando bem elas são meio primitivas (mas resolvem) e, isso me fez pensar um pouco em alguma solução utilizando JQuery. Alguns minutos depois consegui fazer uma solução em Jquery com bem menos esforço de código (e visualmente mais limpo).

O que fazer??

Basicamente a solução consiste em aplicar a classe ‘externo‘ nos links que deverão abrir em uma nova janela e no JQuery utilizar a função abaixo
$('a.externo').click(function(){
$(this).attr('target','_blank');
});

Assim toda vez que um link com a classe ‘externo‘ for clicada o atributo ‘target‘ será adicionado dinamicamente através do JQuery, fazendo com que a página seja carregada em uma nova janela.

Por hoje é só, pessoal rsrs

 

Um abraço!

Deixe uma resposta