解決select2在bootstrap modal中不能正常使用的問題
更新時間：2018年08月09日 15:41:11 作者：webdev_l
今天小編就為大家分享一篇解決select2在bootstrap modal中不能正常使用的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
最近用bootstrap做前端框架，遇到select2單選框在bootstrap modal中不能正常使用，輸入框不能獲取焦點智能過濾；如下圖：
解決方法一：在bootstrap.js的模態(tài)框js內(nèi)加上
$.fn.modal.Constructor.prototype.enforceFocus = function() {};
如圖：
第二種情況，網(wǎng)上看到的，不是我的體驗：
他是說：由于 select2和bootstrap模態(tài)框一起使用導(dǎo)致select2的input獲取不到焦點問題
解決辦法：是把頁面中的模態(tài)框的屬性 tabindex="-1" 刪掉, 或者值改為1
如圖：
我這樣做了，并沒有解決，所以然并卵。。。。。。只是寫在這里，擔(dān)心這樣也是一種情況而已！
再次說明：我是第一種方法解決的。
以上這篇解決select2在bootstrap modal中不能正常使用的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
今天看書，作者討論到能否采用動態(tài)原型方法展示繼承機制，給出的答案是：不能。原因是prototype對象的唯一性?？聪旅娲a（這段代碼不正確，卻值得研究）2009-12-12
這篇文章主要為大家詳細介紹了微信小程序radio組件的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
相信很多同仁做的系統(tǒng)后到都是用frameset或iframe來加載不同頁面的，不可不知道大家有沒有注意到，當(dāng)frame框架中的頁面已經(jīng)加載完成后，可是ie瀏覽器的狀態(tài)欄還會一直顯示一個正在加載的狀態(tài)。2010-12-12
JS實現(xiàn)六邊形3D拖拽翻轉(zhuǎn)效果的方法
這篇文章給大家分享一個利用javascript實現(xiàn)3D六邊形拖拽翻轉(zhuǎn)的效果實例，實現(xiàn)后的效果很贊，對大家的學(xué)習(xí)Javascript具有一定的參考借鑒價值，有需要的朋友們一起去來看看吧。2016-09-09
解決IE下select標簽innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safa
在ie下面使用innerHTML來插入option選項的話，ie會去掉前面的<option>，并拆分成多個節(jié)點，這樣會造成select的出錯2010-05-05
這篇文章主要為大家詳細介紹了js實現(xiàn)隨機點名，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要介紹了使用Mock.js生成前端測試數(shù)據(jù)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
javascript-表格排序(降序/反序)實現(xiàn)介紹(附圖)
使用了Array方法、sort:降序、reverse:反序完成了基本功能，對于聯(lián)合排序沒有實現(xiàn)，感興趣的朋友可以參考下哈2013-05-05
在開發(fā)中需要定義一個對象的類型,此類型必須包含某n個字段中的其中一種,這篇文章主要給大家介紹了關(guān)于TypeScript開發(fā)小狀況記錄之選且只選一個的相關(guān)資料,需要的朋友可以參考下2022-10-10
JS中如何判斷傳過來的JSON數(shù)據(jù)中是否存在某字段
這篇文章主要介紹了JS中如何判斷傳過來的JSON數(shù)據(jù)中是否存在某字段,需要的朋友可以參考下2014-08-08