5

首先,我有一個問題,在JavaScript中的面向對象,我對此瞭解甚少,但我需要解決這個問題...如何在Bootstrap 4中擴展Modal?

嗯,我想在Bootstrap 4上使用,引導3:https://github.com/nakupanda/bootstrap3-dialog

我得到以下錯誤:「不能調用類的函數」

看代碼,我發現有些事情:

1 - classCallCheck:是引發錯誤的功能。我想它強制用戶使用「新」並實例化一個對象,從不像函數那樣調用;

2 - createClass:是一個構造類的函數,所以Bootstrap 4中的類不是常規定義的。

3-繼承:是另一個函數,它表明繼承不是常規的。

4 - 圖書館有此代碼擴展了引導模態:

var BootstrapDialogModal = function (element, options) { 
    Modal.call(this, element, options); 
}; 

但是,Modal.call引發錯誤:「不能調用類的功能」。

我想唯一的問題是BootstrapDialogModal在由Bootstrap 3施加的繼承條件中繼承Modal,並且當Bootstrap 4處於活動狀態時,這些條件不一樣。

遵循的jsfiddle:http://jsfiddle.net/g6nrnvwu/

有人知道我可以調整這個代碼?

謝謝。

+0

引導4是從引導3.一個巨大的更新/翻拍這會發生,因爲(也許) bootstrap 4中有一個名爲「Modal」的新類名。您可以嘗試使用其他名稱更改名爲「Modal」的所有函數。也許它會起作用,除非還有更多的衝突。更好地使用另一個替代庫或讓自己(因爲我這樣做,我敢肯定更少的第三方庫加快頁面加載)._。 –

+1

請提供jsfiddle。 –

+1

您會收到以下錯誤「無法將類作爲函數調用」,因爲您實際上無法將類用作函數。在Bootstrap 4 Modal是一個類,如果插件使用基礎Modal類,它應該擴展它。我建議你忘記使用這種組合,因爲你不能僅僅用幾行修復它(還要考慮到Modal在通往Bootstrap 4的路上進行了修改)。您的問題只能通過直接重寫插件來直接解決)) – Lambrusco

回答

1

好吧,這不完全是一個答案,但一個例子可能可以幫助你。這是我爲處理模態而動態插入標記的類。這不是BS4,但你可以用作指南嗎?

ModalUtils