bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2015-01-08 16:47
1191 查看
答案来自老外http://stackoverflow.com/questions/14795035/twitter-bootstrap-modal-blocks-text-input-field
这个是国内同学的解决方法:
http://www.oschina.net/question/226830_143869
下面是我在项目中的应用,请大家注意加注释的那一句!
$('#myModal').on('shown', function() { $(document).off('focusin.modal'); });
这个是国内同学的解决方法:
http://www.oschina.net/question/226830_143869
//显示modal $('#myModal').modal('show'); //show完毕前执行 $('#myModal').on('shown', function () { //加上下面这句!解决了~ $(document).off('focusin.modal'); // 打开Dialog后创建编辑器 KindEditor.create('textarea[name="content"]', { resizeType : 1 }); }) //hide完毕前执行 $('#myModal').on('hidden', function () { // 关闭Dialog前移除编辑器 KindEditor.remove('textarea[name="content"]'); })
下面是我在项目中的应用,请大家注意加注释的那一句!
function computeMaskHeight() { var obj = $("#blockLoading"); var parent = obj.parent(); obj.height(parent.height()); } function block(opt) { var defaults = { title: "", showClose: true, showOk: true, showBottom: true, showTitle: true, showHead: true, onOk: function() { }, onShown: function(e) { } }; var setting = $.extend(defaults, opt); $("#blockTitle").html(setting.title); if (setting.showClose) { $("#closeBlock, #closeBlockX").show(); } else { $("#closeBlock, #closeBlockX").hide(); } if (setting.showOk) { $("#blockOk").show(); } else { $("#blockOk").hide(); } $("#blockOk").unbind().click(function() { setting.onOk(); }); if (setting.showBottom) { $("#blockBottom").show(); } else { $("#blockBottom").hide(); } if (setting.showHead) { $("#blockHead").show(); } else { $("#blockHead").hide(); } $("#blockBody").html("<i class='icon-spinner icon-spin icon-4x'></i>"); $('#blockContainer').off('shown.bs.modal').on('shown.bs.modal', function (e) { $(document).off('focusin.modal');//解决编辑器弹出层文本框不能输入的问题http://stackoverflow.com/questions/14795035/twitter-bootstrap-modal-blocks-text-input-field setting.onShown(e); }); $("#blockContainer").modal(); }
相关文章推荐
- bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
- 解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
- bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器 点击关闭弹窗 出现第二次无法加载的问题
- Bootstrap打开Modal后再打开编辑层, 文本框不能输入
- 解决select2在bootstrap modal中不能正常使用的问题
- select2在bootstrap modal中不能正常使用问题
- bootstrap modal 在IOS9中不能弹出的问题 IOS 9 bootstrap modal ios 9 noticework
- 解决KindEditor富文本编辑器model弹出层上文本框不能输入的问题(二)
- 在Bootstrap的modal中使用select2出现不能显示下拉框问题解决办法
- 在BootStrap的modal中使用Select2无法输入问题
- 解决Winform中弹出WPF窗体不能在文本框中输入的问题
- Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
- Bootstrap 弹出框modal上层的输入框不能获得焦点问题
- Bootstrap中使用modal如果表格里checkbox未选中弹出提示框
- iframe自适应高度加载脚本,解决不能使用onload事件问题(兼容)
- iOS 使用MJRefrsh上拉加载,下拉刷新cell不充满UICollectionView时不能刷新的问题
- EasyUI在window中使用kindeditor 4.1.10在IE9中不能回显、获得焦点编辑的问题