欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

相關(guān)文章

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

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

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

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

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

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

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

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

    今天小編就為大家分享一篇解決layui 三級聯(lián)動下拉框更新時(shí)回顯的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    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)詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-09-09
  • uniapp小程序的圖片(視頻)上傳的組件封裝方法

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

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

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

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

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

    在刪除時(shí)為了提醒用戶刪除數(shù)據(jù)的不可恢復(fù)一般都會有提示處理的,通常會使用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通過數(shù)學(xué)運(yùn)算及樣式屬性操作實(shí)現(xiàn)緩動、彈性運(yùn)動等效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-11-11
  • javaScript中Math()函數(shù)注意事項(xiàng)

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

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

最新評論