[解決済み] 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 をプッシュする方法を見つけなければなりませんが、それは簡単なことだと思います。コードを見なければ、その例を挙げるのは困難です。
関連
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] URLを新しいタブで開く(新しいウィンドウではない)
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] jQueryで現在のURLを取得する?
-
[解決済み] BootstrapのモーダルウィンドウをjQueryで開くには?
-
[解決済み] ブートストラップ・モーダルにデータを渡す
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] AngularJSのエラーです。Cross Origin リクエストはプロトコルスキーム http, data, chrome-extension, https に対してのみサポートされています。
-
[解決済み] 上級者向けJavaScript。この関数はなぜ括弧でくくられるのですか?重複
-
[解決済み] javascriptで2つの数値を連結する方法は?
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] JavaScriptで、ある文字列が別の文字列の中に出現するすべてのインデックスを見つけるにはどうすればよいですか?
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] Promise : then vs then + catch [重複].
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?