亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

解決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)文章

  • 如何在TypeScript中處理日期字符串

    如何在TypeScript中處理日期字符串

    這篇文章主要介紹了如何在TypeScript中處理日期字符串,主要通過(guò)輸入日期字符串來(lái)改善開(kāi)發(fā)者的體驗(yàn)并減少潛在的錯(cuò)誤,下文實(shí)現(xiàn)操作的分享需要的小伙伴可以參考一下
    2022-04-04
  • 各瀏覽器對(duì)click方法的支持差異小結(jié)

    各瀏覽器對(duì)click方法的支持差異小結(jié)

    click方法可以用來(lái)模擬用戶點(diǎn)擊。有的瀏覽器中所有元素都具有click方法,有的瀏覽器則沒(méi)有。
    2011-07-07
  • webpack構(gòu)建的詳細(xì)流程探底

    webpack構(gòu)建的詳細(xì)流程探底

    目前,幾乎所有業(yè)務(wù)的開(kāi)發(fā)構(gòu)建都會(huì)用到 webpack 。所以下面這篇文章主要給大家介紹了關(guān)于webpack構(gòu)建的詳細(xì)流程的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。
    2018-01-01
  • 解決layui 三級(jí)聯(lián)動(dòng)下拉框更新時(shí)回顯的問(wèn)題

    解決layui 三級(jí)聯(lián)動(dòng)下拉框更新時(shí)回顯的問(wèn)題

    今天小編就為大家分享一篇解決layui 三級(jí)聯(lián)動(dòng)下拉框更新時(shí)回顯的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-09-09
  • JS繼承實(shí)現(xiàn)方法及優(yōu)缺點(diǎn)詳解

    JS繼承實(shí)現(xiàn)方法及優(yōu)缺點(diǎn)詳解

    這篇文章主要介紹了JS繼承實(shí)現(xiàn)方法及優(yōu)缺點(diǎn)詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-09-09
  • uniapp小程序的圖片(視頻)上傳的組件封裝方法

    uniapp小程序的圖片(視頻)上傳的組件封裝方法

    這篇文章主要介紹了uniapp做小程序的圖片(視頻)上傳的組件封裝,要求實(shí)現(xiàn)多張圖片的上傳 ,可以限制圖片上傳的數(shù)量,圖片預(yù)覽,多次使用對(duì)圖片的上傳順序排序,需要的朋友可以參考下
    2024-02-02
  • JavaScript實(shí)現(xiàn)點(diǎn)擊自動(dòng)選擇TextArea文本的方法

    JavaScript實(shí)現(xiàn)點(diǎn)擊自動(dòng)選擇TextArea文本的方法

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊自動(dòng)選擇TextArea文本的方法,涉及javascript中focus()、select()方法的使用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2015-07-07
  • 關(guān)于刪除時(shí)的提示處理(確定刪除嗎)

    關(guān)于刪除時(shí)的提示處理(確定刪除嗎)

    在刪除時(shí)為了提醒用戶刪除數(shù)據(jù)的不可恢復(fù)一般都會(huì)有提示處理的,通常會(huì)使用js做到這一點(diǎn),下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下
    2013-11-11
  • JavaScript實(shí)現(xiàn)的Tween算法及緩沖特效實(shí)例代碼

    JavaScript實(shí)現(xiàn)的Tween算法及緩沖特效實(shí)例代碼

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)的Tween算法及緩沖特效,涉及JavaScript通過(guò)數(shù)學(xué)運(yùn)算及樣式屬性操作實(shí)現(xiàn)緩動(dòng)、彈性運(yùn)動(dòng)等效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-11-11
  • javaScript中Math()函數(shù)注意事項(xiàng)

    javaScript中Math()函數(shù)注意事項(xiàng)

    本文主要給大家分享了javascript中Math()函數(shù)的注意事項(xiàng),以及math對(duì)象的方法,十分的簡(jiǎn)單實(shí)用,有需要的小伙伴可以參考下
    2015-06-06

最新評(píng)論