【问题标题】: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();
    };
    

    瞧!

    现在第一次单击选择会解除事件与主模式的绑定,并且可以正常工作!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-09-26
      • 1970-01-01
      • 2020-03-04
      • 2015-10-26
      • 2013-07-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多