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

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

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

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

$('#myModal').on('shown', function() {
 $(document).off('focusin.modal');
});
//顯示modal
$('#myModal').modal('show');
//show完畢前執(zhí)行
$('#myModal').on('shown', function () {
  //加上下面這句!解決了~
  $(document).off('focusin.modal');
 // 打開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)用,請大家注意加注釋的那一句!

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時(shí)彈出層文本框不能輸入的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評(píng)論

炎陵县| 泽普县| 繁昌县| 临西县| 丰县| 孝义市| 阳江市| 仪陇县| 青龙| 灌阳县| 乌兰察布市| 绍兴县| 孝感市| 康平县| 昆山市| 长子县| 吉安市| 章丘市| 吴堡县| 牡丹江市| 泸西县| 抚松县| 屯留县| 阳原县| 承德市| 叙永县| 尚义县| 通海县| 闵行区| 密云县| 新沂市| 九龙坡区| 商水县| 千阳县| 阿尔山市| 乌兰察布市| 抚宁县| 临高县| 新野县| 扬州市| 洪江市|