1. ホーム
  2. javascript

[解決済み] ブートストラップ。モーダル内で別のモーダルを開く

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>

うまくいったら教えてください。