解決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)文章
解決layui 三級聯(lián)動下拉框更新時(shí)回顯的問題
今天小編就為大家分享一篇解決layui 三級聯(lián)動下拉框更新時(shí)回顯的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JS繼承實(shí)現(xiàn)方法及優(yōu)缺點(diǎn)詳解
這篇文章主要介紹了JS繼承實(shí)現(xiàn)方法及優(yōu)缺點(diǎn)詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09JavaScript實(shí)現(xiàn)點(diǎn)擊自動選擇TextArea文本的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊自動選擇TextArea文本的方法,涉及javascript中focus()、select()方法的使用技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-07-07JavaScript實(shí)現(xiàn)的Tween算法及緩沖特效實(shí)例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的Tween算法及緩沖特效,涉及JavaScript通過數(shù)學(xué)運(yùn)算及樣式屬性操作實(shí)現(xiàn)緩動、彈性運(yùn)動等效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11javaScript中Math()函數(shù)注意事項(xiàng)
本文主要給大家分享了javascript中Math()函數(shù)的注意事項(xiàng),以及math對象的方法,十分的簡單實(shí)用,有需要的小伙伴可以參考下2015-06-06