废话不多说了直接给大家贴代码了,具体代码如下所示:
$('#myModal').on('shown', function() { $(document).off('focusin.modal'); }); //显示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
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。