Külső hivatkozások megnyitása új ablakban - CSS-trükkök

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'); )); ) ));

Ezt megteheti egyenesen a HTML-lel, de ez érvénytelen jelölés, ez érvénytelen kód és felesleges jelölés nélkül gondoskodik az üzletről.

Vagy továbbra is elkerülheti az érvényesítési problémákat, és csak hozzá kell fűznie a class = _blank dolgot minden olyan linkhez, amelynek href attribútumai a http: // kezdetűek. Az alábbi példa csak a #content területen található linkeket célozza meg. Az ilyen kicsinyítés jó ötlet lehet, ha a menük dinamikusak és teljes URL-eket hoznak létre.

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

Vegye figyelembe azt is, hogy csak külső hivatkozások megcélzásának sokféle módja létezik.