首页 > 编程 > JavaScript > 正文

解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题

2019-11-19 16:25:15
字体:
来源:转载
供稿:网友

废话不多说了直接给大家贴代码了,具体代码如下所示:

$('#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时弹出层文本框不能输入的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表