airrl https://blog.hatena.ne.jp/airrl/ airy's blog https://airry.hatenablog.com/ HTML/CSS/Sass JavaScript jQuery フロントエンド 開発 問題 モーダル内で、aタグにhrefを使用してリンク先を指定していたのですが、何をしても外部リンクに飛べませんでした。 解決策 いろいろ調べましたが、HTML部分でどうにかするのは難しいようだったので、ちょうど使っていたjQueryで実装しました。 // 該当のaタグに "link" というクラスを適用。 // 複数リンクがあったため、return falseも記載。 $(".link").on('click',function() { window.open($(this).attr('href'), '_blank'); return false; }); JavaScriptで行う際には… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fairry.hatenablog.com%2Fentry%2Fjquery_link_outside_modal%2F" title="【JavaScript/jQuery】モーダル内の外部リンクが飛べない - airy&#39;s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2021-03-07 08:33:00 rich https://airry.hatenablog.com/entry/jquery_link_outside_modal/ 1.0 100%