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