[解決済み] ブートストラップ。モーダル内で別のモーダルを開く
2022-10-04 21:48:41
質問
現在開いているモーダルウィンドウの中に、別のモーダルウィンドウを開くために、このコードを使っています。
<a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a>
500msほどの間、スクロールバーが重複して表示されることがあります。現在のモーダルがまだフェードアウトしているからだと思います。しかし、それは非常に滑らかでなく、吃音に見えます。
この問題を解決するために何か提案があれば感謝します。
また、onclick-eventでこれを構築する方法は、プロらしくないでしょうか?
bootstrapのバージョン3.0で作業しています。
Edit: モーダルのフェードアウトの時間を短縮する必要があると思います。どうすれば可能でしょうか?
どのように解決するのですか?
data-dismiss
現在のモーダルウィンドウを強制終了させる
data-toggle
で新しいモーダルを開きます。
href
のコンテンツが表示されます。
<a data-dismiss="modal" data-toggle="modal" href="#lost">Click</a>
または
<a data-dismiss="modal" onclick="call the new div here">Click</a>
うまくいったら教えてください。
- また、このような場合は モーダル ドキュメンテーション
関連
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] URLを新しいタブで開く(新しいウィンドウではない)
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] BootstrapのモーダルウィンドウをjQueryで開くには?
-
[解決済み] Bootstrapのモーダルが背景の下に表示される
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】複数のモーダルが重なって表示される
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] TypeScriptのdeclare classとinterfaceの違いとは?
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] javascriptで文字列から関数を作成する方法はありますか?
-
[解決済み] JavaScriptの文字列プリミティブとStringオブジェクトの違いは何ですか?
-
[解決済み] これは純関数ですか?