ベストセラー人気 WordPress テーマTop 30 詳細

jQueryを使用してリンクを新しいウィンドウで開く

Last Updated:2020年11月15日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

特定のリンク(例えば、単一のリンクは、すべての外部リンクなど)をクリックしたときに、新しいウィンドウで開くようにしたい場合があります。 このような場合、HTMLソースで target = "_ blank"を挿入すると、簡単に解決だろうが、ソースコードを変更することができない場合には、どうすればよいでしょうか? 一つの方法として、jQueryを使用してtargetに "_blank"属性を指定してくれることができます。

$("a").attr("target", "_blank");

上記のようなスクリプトを使用すると、すべてのリンクが新しいウィンドウ(新しいタブ)で開きます。

$("a.target-blank").attr("target", "_blank");

特定のクラスの場合、上記のような形式で指定してくれればされます。 複数のクラスまたはIDを指定する場合は、カンマで区切ってくれればされます。

特定のURLへのリンクだけを指定する場合は、次のような形式を使用することができます。

$('a[href=http://www.google.com]').attr('target','_blank');

WordPressでコメント内のすべてのリンクを新しいウィンドウで開くようにするには、次のようなスクリプトを使用することができます。

$(window).ready(function(){
// WordPress의 모든 댓글 링크에 target="_blank"를 추가합니다.
$('#comments a').each(function(){
$(this).attr('target','_blank');
});
});

他にも様々な応用が可能です。 .attr()詳細については、 この記事を参照してください。



コメントを残す

コメント