Bootstrap v4模式

Question

在Bootstrap v3模式中使用CKEditor时的问题和错误修正被描述为here >>

使用Bootstrap v4，功能名称从 enforceFocus 更改为 _enforceFocus

不幸的是，我的js技能不足以将Bootstrap v3的建议错误修正转换为Bootstrap v4。

任何帮助都是适用的： - ）

Answer 1

这个对我有用

$.fn.modal.Constructor.prototype._enforceFocus = function _enforceFocus() {
    var _this4 = this;
    $(document).off(Event.FOCUSIN).on(Event.FOCUSIN, function (event) {
        if (
            document !== event.target
            && _this4._element !== event.target
            && $(_this4._element).has(event.target).length === 0
            && !$(event.target.parentNode).hasClass('cke_dialog_ui_input_select')
            && !$(event.target.parentNode).hasClass('cke_dialog_ui_input_text')
        ) {
            _this4._element.focus();
        }
    });
};

我从Bootstrap v4中获取了原始函数 _enforceFocus ，并将!$(event.target.parentNode).hasClass('cke_dialog_ui_input_select')和!$(event.target.parentNode).hasClass('cke_dialog_ui_input_text')添加到if语句中。

Answer 2

另一种解决方案是在显示模态时传递选项{focus: false}。此选项是Bootstrap 4中的新选项（请参阅Bootstrap 4 Documentation）。使用此选项将阻止Bootstrap调用 _enforceFocus 。