1. ホーム
  2. javascript

[解決済み] Bootstrap モーダル: 現在表示しているものを閉じ、新しいものを開く

2023-01-15 08:42:33

質問

いろいろ調べてみたのですが、解決策が見つかりません。以下のようにしたいのですが。

  • Bootstrap モーダル内で URL を開く。私はこれがオフコースで動作しています。なので、コンテンツは動的に読み込まれます。
  • ユーザーがこのモーダル内でボタンを押すと、現在のモーダルは非表示になり、その直後に新しい URL(ユーザーがクリックしたもの)で新しいモーダルを開きたいのです。この第 2 モーダルのコンテンツも動的に読み込まれます。
  • ユーザーがその 2 番目のモーダルを閉じると、最初のモーダルが再び戻ってくる必要があります。

私は何日もこれを見つめてきました。誰かが私を助けてくれることを願っています。

前もってありがとうございます。

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

具体的なコードを見ないと、正確な答えを出すのは難しいです。しかし、Bootstrapのドキュメントを見ると、このようにモーダルを非表示にすることができます。

$('#myModal').modal('hide')

そして、一旦非表示にした後に別のモーダルを表示します。

$('#myModal').on('hidden.bs.modal', function () {
  // Load up a new modal...
  $('#myModalNew').modal('show')
})

新しいモーダルウィンドウに URL をプッシュする方法を見つけなければなりませんが、それは簡単なことだと思います。コードを見なければ、その例を挙げるのは困難です。