如何在Bootstrap 4中扩展模态?

时间:2017-09-24 15:28:19

标签: javascript oop twitter-bootstrap-3 bootstrap-modal bootstrap-4

首先,我在javascript中遇到OOP问题,我对此很了解,但我需要解决这个问题...

好吧,我正在尝试使用Bootstrap 4,一个为Bootstrap 3制作的库:https://github.com/nakupanda/bootstrap3-dialog

我收到以下错误:“无法将类称为函数”

查看代码,我发现了一些事情:

1 - classCallCheck:是抛出错误的函数。我想它会强制用户使用“new”并实例化一个对象,而不会像函数一样调用;

2 - createClass:是一个构造类的函数,因此Bootstrap 4中的类没有按常规定义。

3 - inherits:是另一个函数,表明继承也不是传统的。

4 - 库具有此代码以扩展Bootstrap模式:

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

但是,Modal.call会触发错误:“无法将类称为函数”。

我认为唯一的问题是BootstrapDialogModal在Bootstrap 3强加的继承条件下继承Modal,并且当Bootstrap 4处于活动状态时,这些条件不一样。

关注jsfiddle:http://jsfiddle.net/g6nrnvwu/

有人知道如何调整此代码?

感谢。

2 个答案:

答案 0 :(得分:1)

好吧,这不是一个答案,但一个可能对你有帮助的例子。这是我用来处理模态动态插入它的标记的类。它不是BS4,但您可以作为指南使用吗?

ModalUtils

答案 1 :(得分:1)

您可以查看此拉取请求,该请求旨在将插件更新为BS 4:https://github.com/nakupanda/bootstrap3-dialog/pull/281/files?diff=unified