「モーダル」ウィンドウを開く方法を調べる

Question

カードをクリックしたときに、製品に関する情報を表示する「モーダル ウィンドウ」が開くようにするにはどうすればよいですか。

リーリー

Answer 1

いくつかの方法があります。ここにも本当の善悪はありません。 この方法はアプリケーションに適している必要があります。常にメソッドを抽象的なものにしておくことは、基本的には何も問題ありません。

以下の例では、質問の下にあるリンクモーダルの例を使用し、次の調整を加えました。

1. モーダルの対応するコンテンツを管理するデータ オブジェクトを追加しました。ここでは、インターフェイスに対して API 呼び出しを使用することもできます。

2. すべてのボタンに EventListener を割り当てました。

3. モーダル内の可変部分は、クリックされると対応するコンテンツに置き換えられます。

＃＃＃仕上げる！

リーリー リーリー リーリー