【URI.js】特定パラメータの引継ぎ(リンク先に特定のディレクトリが含まれていれば任意のパラメータを自動で引き継ぐ処理)

[ ID : 3387 ]
シルバー
【URI.js】特定パラメータの引継ぎ(リンク先に特定のディレクトリが含まれていれば任意のパラメータを自動で引き継ぐ処理)
実装目安
3分

概要

遷移元からパラメータを持った状態で遷移してきた際に、「指定のパラメータ」かつ「他ページへのリンク先に指定のディレクトリが含まれる」場合にのみ、パラメータを引き継ぐ処理について。

用途

  • 遷移元からパラメータを持った状態で遷移してきた場合に、他のページへのリンク指定にパラメータを自動で引き継ぐ。
  • 引き継ぐパラメータの指定と、パラメータを引き継ぐリンク先を指定制御できる。

仕様

  • 「const key」で引き継ぐパラメータのkeyを指定。(例として紹介ソースでは「sample-param」を指定しています)
  • 「const dir」で指定したディレクトリが含まれるリンク先にのみパラメータを引き継ぐ。(例として紹介ソースでは相対パス=「./」を指定しています)
  • const dirで指定したディレクトリが含まれないリンク先の場合でも、「.js-add-param」を付与した<a>タグの場合はパラメータが引き継がれます。
  • パラメータを引き継ぎたいリンク先のURL指定に既に別のパラメータが存在する場合には「.js-add-param」を付与するパターンを使用します。
  • URI.js v1.19.11使用。
  • jQuery v3.6.4使用。

検証ブラウザ

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

実装方法

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録