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