【JavaScript/jQuery】モーダル内の外部リンクが飛べない

HTML/CSS/Sass

問題

モーダル内で、aタグにhrefを使用してリンク先を指定していたのですが、何をしても外部リンクに飛べませんでした。

解決策

いろいろ調べましたが、HTML部分でどうにかするのは難しいようだったので、ちょうど使っていたjQueryで実装しました。

// 該当のaタグに "link" というクラスを適用。
// 複数リンクがあったため、return falseも記載。

$(".link").on('click',function() {
    window.open($(this).attr('href'), '_blank'); 
    return false; 
});

JavaScriptで行う際には、クリックイベントと以下のコードと紐づければ動くと思います!

const link = document.getElementById('link'); //ここではIDで指定してます。

window.open(link,'_blank'); 

タイトルとURLをコピーしました