Bootstrap 4 模態遠端資料載入

在最新版本的Twitter Bootstrap (v4 alpha) 中，能夠將遠端內容載入到模式已刪除。此功能存在於 Bootstrap 3 中，但不再受支援。

嘗試使用data-remote 屬性將遠端內容載入到Bootstrap 中的模態中時4、模型體保持為空，沒有請求傳送到指定的URL.

$('body').on('click', '[data-toggle="modal"]', function(){
        $($(this).data("target") ' .modal-body').load($(this).data("remote"));
    });  

要解決此問題，您可以使用JavaScript手動將遠端內容載入到模態正文中。這是一個例子：

$('body').on('click', '[data-toggle="modal"]', function(){ $($(this).data("target") ' .modal-body').load($(this).data("remote")); }); 此程式碼將事件偵聽器附加到具有 data-toggle="modal" 屬性的所有元素。當您按一下這些元素之一時，它會從元素中檢索資料遠端值，並使用 jQuery 的 .load() 方法將遠端內容載入到模式主體中。

注意：