モーダル

メモ:

モーダルは、他のサイトコンテンツの上に表示されるポップアップです。 開くにはユーザーからのクリック操作が必要で、その下のサイトに戻るには別の操作を閉じる必要があります。

モーダルは、従来のブロックではありません。 代わりに、/modals/ パスへのリンクによってモーダルが自動的に作成されます。

例:

ライブ出力を参照

コンテンツ構造:

ドキュメントのコンテンツを参照

コード:

このコードはAEM ブロックコレクションに含まれています。単に次のコードを使用します。

  1. .css ファイルと .js ファイルをコピーし、をプロジェクトに追加します。
  2. autoLinkModals() 関数をコピーして、scripts.js ファイルに追加します。

ブロック コード
スクリプトコード

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec