javascript - 如何修复 Bootstrap 3 Modal + CKEditor 4.4 空对话框

Question

我在用

Twitter Bootstrap v3.0.2 和 CKEditor v4.3.2

重现问题:

在其中使用 CKEditor 创建模态，多次单击选择(选择字体系列等选项)

结果:

带有字体和大小等的对话框变为空

自从 $('*').unbind() 工作以来，我一直在寻找解决这个问题的方法，但我不想松开其他绑定(bind)事件

Answer 1

我发现 $('.ui-widget').unbind() 有效，所以我创建了一个名为

的文件

bootstrap-ckeditor-fix.js 在 bootstrap.js 之后加载

在其中我覆盖了名为 enforceFocus 的事件(在选择点击时触发)

$.fn.modal.Constructor.prototype.enforceFocus = function() {
    $('.ui-widget').unbind();
};

哇哦!

现在，第一次单击 select 会解除事件与主模态的绑定(bind)，并且可以正常工作!