【问题标题】:How to fix Bootstrap 3 Modal + CKEditor 4.4 empty dialogs如何修复 Bootstrap 3 Modal + CKEditor 4.4 空对话框
【发布时间】:2014-10-22 14:54:20
【问题描述】:
我正在使用
Twitter Bootstrap v3.0.2 和 CKEditor v4.3.2
重现问题:
在其中创建带有CKEditor的Modal,多次单击选择(选择类似字体系列的选项)
结果:
带有字体和大小等的对话框变为空
自从$('*').unbind() 工作后,我一直在寻求解决此问题,但我不想放弃其他绑定事件
【问题讨论】:
标签:
javascript
jquery
twitter-bootstrap
modal-dialog
ckeditor
【解决方案1】:
我发现 $('.ui-widget').unbind() 有效,所以我创建了一个名为
的文件
bootstrap-ckeditor-fix.js 在bootstrap.js 之后加载
在其中我覆盖了名为 enforceFocus 的事件(在选择点击时触发)
$.fn.modal.Constructor.prototype.enforceFocus = function() {
$('.ui-widget').unbind();
};
瞧!
现在第一次单击选择会解除事件与主模式的绑定,并且可以正常工作!