1. ホーム
  2. ジャバスクリプト

[解決済み] [Solved] Bootstrapのモーダルをプログラムでトリガーするには?

2022-04-05 10:10:05

質問

ここに行くと

http://getbootstrap.com/2.3.2/javascript.html#modals

そして、「Launch demo modal」をクリックすると、期待通りの動作をします。 私はこのモーダルをサインアップ プロセスの一部として使用しており、サーバー側の検証も行っています。 問題が発生した場合、検証メッセージを表示した同じモーダルにユーザーをリダイレクトさせたいと考えています。 現時点では、ユーザーが物理的にクリックする以外に、モーダルを表示させる方法がわかりません。 プログラムでモデルを起動するにはどうしたらよいでしょうか?

どのように解決するのですか?

モーダルポップアップを手動で表示するには、次のようにする必要があります。

$('#myModal').modal('show');

で初期化する必要がありました。 show: false ので、手動で行うまで表示されません。

$('#myModal').modal({ show: false})

ここで myModal はモーダルコンテナのIDです。