1. ホーム
  2. ajax

[解決済み] Bootstrap 3 - モーダルボディにAJAXでコンテンツを読み込むには?

2023-08-19 09:02:46

質問

ご覧のように はこちら というように、モーダルを起動するボタンがあります。ボタンに href url を設定すると、この url は Bootstrap 3 によって自動的にモーダルに読み込まれます。 実際には、このページはモーダルルートに読み込まれます ( bootstrap 3 ドキュメント モーダル使用法 ). 代わりに modal-body にロードしたいのです。

属性(javascriptではない)を介してそれを行う方法はありますか?または、それを行うための最も自動的な方法は何ですか?

追伸:Bootstrap 2では、コンテンツはルートではなく、ボディに読み込まれていたように記憶しています。

どうすれば解決するのでしょうか?

確認 このSOの答え を出力してください。

ajaxレスポンスでモーダル構造全体を提供するしかないようです。

ブートストラップから確認できるように ソースコード から確認できるように、load関数はルート要素にバインドされています。

ajaxレスポンスを変更できない場合、単純な回避策として $(..).modal(..) プラグインを明示的に呼び出すことです。