Ava välised lingid uues aknas - CSS-trikid

Anonim
$('a').each(function() ( var a = new RegExp('/' + window.location.host + '/'); if(!a.test(this.href)) ( $(this).click(function(event) ( event.preventDefault(); event.stopPropagation(); window.open(this.href, '_blank'); )); ) ));

HTML-i abil saate seda teha otse, kuid see on vale märgistus, see hoolitseb äri eest ilma vale koodi ja tarbetu märgistuseta.

Või võite ikkagi vältida valideerimisprobleeme ja lisada lihtsalt klassi target = _blank asja kõigile linkidele, mille href-atribuudid algavad tähega http: //. Allolev näide sihib ainult linke # sisu sisus. Niisugune vähendamine võib olla hea mõte juhul, kui teie menüüd on dünaamilised ja loovad täielikud URL-id.

$("#content a(href^='http://')").attr("target","_blank");

Pange tähele ka seda, et ainult väliste linkide sihtimiseks on palju erinevaid viise.