select2在bootstrap modal中不能正常使用問題

阿新 • • 發佈：2019-01-27

最近用bootstrap做前端框架，遇到select2單選框在bootstrap modal中不能正常使用，輸入框不能獲取焦點智慧過濾；如下圖：

解決方法一：在bootstrap.js的模態框js內加上

$.fn.modal.Constructor.prototype.enforceFocus = function() {};

如圖：

第二種情況，網上看到的，不是我的體驗：

他是說：由於 select2和bootstrap模態框一起使用導致select2的input獲取不到焦點問題

解決辦法：是把頁面中的模態框的屬性 tabindex="-1" 刪掉, 或者值改為1

如圖：

我這樣做了，並沒有解決，所以然並卵。。。。。。只是寫在這裡，擔心這樣也是一種情況而已！

再次說明：我是第一種方法解決的

解決 select2在bootstrap modal中不能正常使用問題

select2在bootstrap modal中不能正常使用問題設定CSS .select2-drop { z-index: 10050 !important; } .select2-search-choice-close {

select2在bootstrap modal中不能正常使用問題

最近用bootstrap做前端框架，遇到select2單選框在bootstrap modal中不能正常使用，輸入框不能獲取焦點智慧過濾；如下圖：解決方法一：在bootstrap.js的模態框js內加上 $.fn.modal.Constructor.prototype.

在BootStrap的modal中使用Select2

cef function select2 boot ots trap cti type prototype bootstrap 3 $.fn.modal.Constructor.prototype.enforceFocus = function() {}; boot

在modal中呼叫codemirror

<td> <a href="#editor" data-toggle="modal" type="button" class="btn btn-info" data-toggle="modal" style="margin-right: 5px;">檢視</a

iview框架中遇到在modal中巢狀modal

在iview中modal的z-index是一樣的，都是1000，但是很多時候需要在modal1的上面彈出modal2，這時需要對modal新增一個class-name，然後對這個class新增屬性值{z-index:1002}，這時解決了modal2顯示在modal1上，可是modal2的mask（

微信小程式-textarea獲取輸入值（在modal中獲取值）

我的頁面是這樣的。我要點選微信自帶的modal中按鈕獲取textare的輸入值（下面的頁面已經改好了）文件上的bindblur事件根本就滿足不了使用，因為我在點選按鈕後先呼叫了confirm方法，然後才會呼叫bindblur事件的方法獲取textare值。所以就沒辦法進行了。網上有的部落格中

TC2.0程式碼在VC++6.0及VS2017中正常執行

最近在複習資料結構，用的書是清華學嚴蔚敏老師的經典教材，書上的程式碼需要自己全敲一遍方便記憶，然後想偷懶，就從網上找了好幾個別人的程式碼，想對照著來打，結果程式碼在VS2017中老是報錯，一直無法編譯通過，覺得可能是編譯器的問題，畢竟人家的程

使用ant design的modal中嵌入form表單,動態獲取資料

最近在做一個公司的專案，使用的是react然後用了ant design，在做一個功能的時候使用了modal,modal裡面還嵌套了一個子元件，就想子元件裡的id能動態獲取然後從介面拉資料，但是始終不行因為componentWillMount這個只進去的時候會渲染，後

解決ajax在chrome中正常，在IE中不正常的問題

在做web開發是，大多時候都會使用FireFox作為除錯的瀏覽器。上面攜帶的FireBug用來除錯JavaScript實在是太方便了，絕大多數的問題都能夠通過它跟蹤調試出來。但是，當專案釋出時，不能僅在這一款瀏覽器是執行正常就算正常了。還要做瀏覽器的相容性測試。說到IE，相信很多人都會很頭疼。這段時

iView頁面Modal中內嵌Tabs，重新顯示Modal時預設選中Tabs的第一項

文件中說啟用面板的name用value，頁面第一次載入的時候可以，放在modal裡就不好使了，每次開啟的時候總顯示上一次離開時的介面。真正能用的是 this.$refs.tabs.activeKey = 'name1' ，此方法也可以動態設定Tabs頁面。 html： <

【iOS-cocos2d-X 遊戲開發之四】Cocos2dX建立Android NDK新專案並編譯匯入Eclipse中正常執行！

站文章均為李華明Himi 原創,轉載務必在明顯處註明：轉載自【黑米GameDev街區】原文連結: http://www.himigame.com/android-game/645.html　　　　　　　　　　☞ 點選訂閱 ☜ 本部落格最新動態

ionic開發的app在Android中正常，在iOS中就不正常會出現下來跟著下來的情況

這個問題找了好久才解決，解決的方法很簡單檢查config.xml中這個是不是設定了false,小小的問題影響還是很大的。 <preference name="DisallowOverscroll" value="true" />

Delphi中正常窗口的實現

gin inno 其他 nap 文件 nac 2.3 default hellip 摘要: 在Delphi的VCL庫中，為了使用以及實現的方便，應用對象Application創建了一個用來處理消息響應的隱藏窗口。而正是這個窗口，使得用VCL開發出來的程序存在著與其他窗口不

es6中"類"--class的方式建立物件和es5中正常用法比較

JavaScript語言的傳統方法是通過建構函式，定義並生成新物件。下面是一個例子。（可以是工廠模式，建構函式模式，組合模式優缺點自己可以在網上查詢） function Point(x,y){ this.x=x; this.y = y; } Point.prototype.

vue + iview頁面Modal中內嵌Tabs，重新顯示Modal時預設選中Tabs的第一項

在BootStrap的modal中使用Select2搜尋框無法輸入

用modal來show一個對話方塊 dialog.modal({ backdrop:true, keyboard:true, show:true }); 然後再modal

ReactJs將Modal中元件銷燬

最近用react，自己寫了個使用者組織引數元件（UserOrOrgParams），想著將元件放到Modal元件中進行彈框顯示，可是隻有在Modal第一次顯示時，才會執行元件UserOrOrgParams元件中的componentDidMount（元件生命週期中只執行一次），

Hadoop中正常啟動了datanode但管理介面卻卻顯示0個datanode節點或者只有本機的一個datanade，DFS Used顯示0（100%）

以下會列出引起該問題的常見原因，及其解決辦法 1、在hadoop已經啟動的前提下，使用命令netstat -an |grep 9001 （改命令用來監聽namenode主節點通訊情況，9001為

Excel2007列表釋出到MOSS列表庫的資料無法在首頁中正常顯示

有同事問到這樣一個問題：在Excel 2007中建立了一個“套用格式”的列表資料區域，並通過Excel釋出到了MOSS平臺中，建立了相應的列表庫。當在站點的首頁中，將該列表庫新增到區域中後，重新整理頁面，則發現該庫無法正常顯示，在頁面中出現如下錯誤：“無法顯示此列表的資料表

ckplayer的z-index調整，ckplayer在ie下的視訊顯示優先順序最高，ckplayer的視訊優先順序在谷歌中正常

ckplayer 播放器和一個高優先順序（z-index）顯示的div在同一個介面，兩者在同一位置時，在谷歌中z-index大的div浮於視訊上方，在ie中則相反。解決方式：在ckplayer.js 中修改這個函式，新增一個屬性即可： getparam: fun

select2在bootstrap modal中不能正常使用問題

相關推薦