jQuery版 日英言語URL切り替えボタン（静的サイトで使用可能）

概要

用途

• jQueryで言語切り替えボタンのリンクURLを現在のページのURLから自動設定する。
• 自動設定されるURLの404チェック（ページが存在するかどうか）も自動で実施する。

内容

• 日/英の二か国語に対応。
• 例）日本語から英語への遷移：現在が/about/の場合、/en/about/がENボタンのリンク先となる。
• 例）英語から日本語への遷移：現在が/en/about/の場合、/about/がJAボタンのリンク先となる。
• 自動設定されたURLが404の場合はそれぞれのトップ（日本語の場合は「/」、英語の場合は「/en/」）をリンク先に設定する
  ※langの値を変更することで/en/以外に変更できます。

注意事項

• 日本語サイトのトップページは「/」、英語サイトのトップページは「/en/」とする
  ※langの値を変更することで/en/以外に変更できます。
• 本記事のリファレンスはURLの切り替えのみの処理であり、hreflangや言語設定の切り替えは含まれない。
• 本記事のDEMOでは「EN」ボタンの切り替えリンクは「https://konocode.jp/en/2225/」ではなく「https://konocode.jp/en/」になっています（対応する/en/配下のページが存在しないため）
  ※KONOCODEは/en/ディレクトリがないため、NotFoundになります。

検証ブラウザ

• Google Chrome(最新)
• Microsoft Edge(最新)
• Firefox(最新)
• Safari(最新)

その他

• jQuery v3.6.4使用。

実装方法