首頁 > web前端 > css教學 > 如何在 Bootstrap 4 Modal 中載入遠端內容?

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

Patricia Arquette
發布: 2024-11-09 21:04:02
原創
849 人瀏覽過

How Can I Load Remote Content in 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板