カードをクリックしたときに、製品に関する情報を表示する「モーダル ウィンドウ」が開くようにするにはどうすればよいですか。
リーリー
P粉8645949652023-09-10 00:09:15
いくつかの方法があります。ここにも本当の善悪はありません。 この方法はアプリケーションに適している必要があります。常にメソッドを抽象的なものにしておくことは、基本的には何も問題ありません。
以下の例では、質問の下にあるリンクモーダルの例を使用し、次の調整を加えました。
モーダルの対応するコンテンツを管理するデータ オブジェクトを追加しました。ここでは、インターフェイスに対して API 呼び出しを使用することもできます。
すべてのボタンに EventListener を割り当てました。
モーダル内の可変部分は、クリックされると対応するコンテンツに置き換えられます。