「x」または「閉じる」ボタンをクリックしてもブートストラップのモーダル ボックスを閉じることができません

Question

クリックしてモーダルを開くと、モーダルは正常に表示され、閉じるボタンにはマウスが上に置かれていることが表示されますが、クリックしても何も起こらず、モーダルは開いたままになります。 これまでにこの問題に遭遇した/解決した人はいますか?ここでは「data-bs-dismiss」を追加しているだけですが、これはスキーマには影響しません。私はブートストラップを初めて使用するので、あらゆる助けをいただければ幸いです。コードは次のとおりです。完全なコードへのリンク -

ああああ

Answer 1

いくつか質問があります。

オレンジ色のポケボタンの作成方法から始めましょう。

リーリー

これは問題ないようですが...しかし:

リーリー

data target="#modal-container を見てください。この

ではなく、ハイフンが欠落しています。 リーリー

次のようになります:

リーリー

次に、この行を showDetailsModal(pokemon) 関数に含める必要はありません:

リーリー この部分については、

data-target と data-toggle で説明します。

最後に、CSS はモーダルの背景をモーダルの上に配置しているようです。これを変える： ＃＃＃ リーリー

背景の

z-index は 1040 であるため、別の値 (例: 1051、または削除して Bootstrap に処理させることもできます) に変更します。