bootstrap的模态弹窗 和CKEditor的模态弹窗冲突问题解决
2016-12-27 14:30
525 查看
哪个页面有问题就在哪个页面加上如下js代码:
$.fn.modal.Constructor.prototype.enforceFocus = function () {
modal_this = this
$(document).on('focusin.modal', function (e) {
if (modal_this.$element[0] !== e.target
&& !modal_this.$element.has(e.target).length
&& !$(e.target.parentNode).hasClass('cke_dialog_ui_input_select')
&& !$(e.target.parentNode).hasClass('cke_dialog_ui_input_text')) {
modal_this.$element.focus()
}
})
};
$.fn.modal.Constructor.prototype.enforceFocus = function () {
modal_this = this
$(document).on('focusin.modal', function (e) {
if (modal_this.$element[0] !== e.target
&& !modal_this.$element.has(e.target).length
&& !$(e.target.parentNode).hasClass('cke_dialog_ui_input_select')
&& !$(e.target.parentNode).hasClass('cke_dialog_ui_input_text')) {
modal_this.$element.focus()
}
})
};
相关文章推荐
- 使用bootstrap框架的模态框与ckeditor产生冲突,ckeditor的弹出窗不可用时的解决方法
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器 点击关闭弹窗 出现第二次无法加载的问题
- 关于Bootstrap日期控件datetimepicker被模态框等遮罩在底部的问题及解决办法。
- bootstrap 模态框抖动问题解决
- bootstrap模态框消失问题的解决方法
- ajax的重复提交问题,和bootstrapValidator校验冲突问题解决办法
- 解决bootstrap和jquey中的.button扩展冲突的问题。
- 解决bootStrap与goole map api冲突问题
- bootstrap模态框通过传值解决重复提交问题
- 解决bootstrap-paginator的CSS与原生bootstrap CSS冲突问题
- 解决select2在bootstrap模态框中下拉框隐藏的问题
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
- js回车键登录与alert模态框回车键冲突问题解决
- 解决模态弹出窗口与上传文件控件(uploadify)的冲突问题
- bootstrap下modal模态框中webuploader控件按钮异常(无法点击)问题解决办法【转】
- 解决bootstrap中模态框显示后页面抖动的问题
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
- 解决jquery-ui-autocomplete选择列表被Bootstrap模态窗遮挡的问题
- bootstrap 模态框日期控件datepicker被遮住问题的解决
- Bootstrap模态框使用WebUploader点击失效问题解决