最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

解決bootstrap中使用modal加載kindeditor時(shí)彈出層文本框不能輸入的問(wèn)題

 更新時(shí)間:2017年06月05日 14:09:30   作者:薄荷綠qa  
這篇文章主要介紹了解決bootstrap中使用modal加載kindeditor時(shí)彈出層文本框不能輸入的問(wèn)題,需要的朋友可以參考下

廢話不多說(shuō)了直接給大家貼代碼了,具體代碼如下所示:

$('#myModal').on('shown', function() {
 $(document).off('focusin.modal');
});
//顯示modal
$('#myModal').modal('show');
//show完畢前執(zhí)行
$('#myModal').on('shown', function () {
  //加上下面這句!解決了~
  $(document).off('focusin.modal');
 // 打開(kāi)Dialog后創(chuàng)建編輯器
 KindEditor.create('textarea[name="content"]', {
  resizeType : 1
 });
})
//hide完畢前執(zhí)行
$('#myModal').on('hidden', function () {
 // 關(guān)閉Dialog前移除編輯器
 KindEditor.remove('textarea[name="content"]');
})

下面是我在項(xiàng)目中的應(yīng)用,請(qǐng)大家注意加注釋的那一句!

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');//解決編輯器彈出層文本框不能輸入的問(wèn)題http://stackoverflow.com/questions/14795035/twitter-bootstrap-modal-blocks-text-input-field
    setting.onShown(e);
   });
   $("#blockContainer").modal();
  }

以上所述是小編給大家介紹的解決bootstrap中使用modal加載kindeditor時(shí)彈出層文本框不能輸入的問(wèn)題,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評(píng)論

闸北区| 房山区| 长武县| 阿拉善盟| 广南县| 平度市| 曲沃县| 永寿县| 黑山县| 迭部县| 彭泽县| 青河县| 错那县| 平邑县| 青州市| 晴隆县| 滦平县| 义马市| 石棉县| 朝阳县| 沅陵县| 敦煌市| 微博| 登封市| 荃湾区| 太原市| 金寨县| 平陆县| 仙游县| 东至县| 安溪县| 偃师市| 乳山市| 太湖县| 安远县| 武夷山市| 阳信县| 榕江县| 个旧市| 新邵县| 封开县|