在 Bootstrap 4 Modal 中載入遠端內容
Bootstrap 4 的出現為 Modal 中的遠端資料載入功能帶來了重大變化。與 Bootstrap 3 相比,Bootstrap 4 棄用了遠端選項,引用了使用客戶端範本或資料綁定框架的建議。
使用 Bootstrap 4 Modal 偵測到的問題:
使用者報告在使用新的 Bootstrap 4 alpha 版本在 Modal 中載入遠端內容時遇到問題。當彈出視窗出現時,模型主體保持為空,表示未發出從提供的 URL 載入內容的請求。
使用jQuery 的解決方案:
要恢復遠端載入功能,您可以使用jQuery 手動實作:
說明
此解決方案使用jQuery 的load() 方法來動態載入內容從指定的遠端URL 到目標Modal 的.modal-body 元素。點擊事件偵聽器綁定到具有 data-toggle="modal" 屬性的所有元素,確保該功能應用於應用程式中的所有模態。
以上是如何在 Bootstrap 4 Modal 中載入遠端內容?的詳細內容。更多資訊請關注PHP中文網其他相關文章!