2013年09月10日

リンクを別タブで開かせる設定

DRAGON PALACE WEBSITEの設定をしていて、
GLOBAL NAVIGATIONをCLICKすると、
表示がすべてリンク先ページになってしまい、
元のTOP PAGEが見れなくなってしまうことがわかり、
設定、NOW!

CLICK前に開いていたTOP PAGEも表示させたまま、
新たに「別タブ」としてリンク先ページが開く仕様にしたかったので。

ソノ設定方法は・・・

<li><a target="_blank" a href="リンク先URL">リンクテキスト</a></li>

↑コノように、、
リンク先を設定する「a href」の前に、
「<a target="_blank" 」を入れるだけでOK !

ちなみに、
すべてのリンクを別タブで開く設定にしたい場合、
jQueryを使い、

$(function(){

$('a').attr({'target':'_blank'});

});

</script>

↑こんな感じで設定。

また、
特定の部分だけを別タブで開く設定にしたい場合、

「$('a').attr({'target':'_blank'}); 」の部分を
「$('#指定した要素').attr({'target':'_blank'}); //」

のように変えればイイ。