如何在 Bootstrap 4 Modal 中載入遠端內容？

在 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中文網其他相關文章！