クリックしてモーダルを開くと、モーダルは正常に表示され、閉じるボタンにはマウスが上に置かれていることが表示されますが、クリックしても何も起こらず、モーダルは開いたままになります。 これまでにこの問題に遭遇した/解決した人はいますか?ここでは「data-bs-dismiss」を追加しているだけですが、これはスキーマには影響しません。私はブートストラップを初めて使用するので、あらゆる助けをいただければ幸いです。コードは次のとおりです。完全なコードへのリンク -
いくつか質問があります。
オレンジ色のポケボタンの作成方法から始めましょう。
これは問題ないようですが...しかし:
data target="#modal-container を見てください。この
data target="#modal-container
次のようになります:
次に、この行を showDetailsModal(pokemon) 関数に含める必要はありません:
showDetailsModal(pokemon)
data-target と data-toggle で説明します。
data-target
data-toggle
最後に、CSS はモーダルの背景をモーダルの上に配置しているようです。これを変える： ＃＃＃ リーリー
z-index は 1040 であるため、別の値 (例: 1051、または削除して Bootstrap に処理させることもできます) に変更します。
は 1040 であるため、別の値 (例: 1051、または削除して Bootstrap に処理させることもできます) に変更します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
いくつか質問があります。
オレンジ色のポケボタンの作成方法から始めましょう。
リーリーこれは問題ないようですが...しかし:
リーリー
ではなく、ハイフンが欠落しています。 リーリーdata target="#modal-containerを見てください。この次のようになります:
リーリー次に、この行を
リーリー この部分については、showDetailsModal(pokemon)関数に含める必要はありません:data-targetとdata-toggleで説明します。最後に、CSS はモーダルの背景をモーダルの上に配置しているようです。これを変える： ＃＃＃ リーリー
背景のz-index
は 1040 であるため、別の値 (例: 1051、または削除して Bootstrap に処理させることもできます) に変更します。