解決select2在bootstrap modal中不能正常使用的問(wèn)題
更新時(shí)間：2018年08月09日 15:41:11 作者：webdev_l
今天小編就為大家分享一篇解決select2在bootstrap modal中不能正常使用的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
最近用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)文章
本文主要介紹了轉(zhuǎn)義字符及URI編碼的相關(guān)知識(shí)，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
JavaScript定時(shí)器實(shí)現(xiàn)無(wú)縫滾動(dòng)圖片
這篇文章主要為大家詳細(xì)介紹了JavaScript定時(shí)器實(shí)現(xiàn)無(wú)縫滾動(dòng)圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
三維模型數(shù)據(jù)格式種類(lèi)多樣,常見(jiàn)的有DAE、OBJ、STL、3DS?MAX、CLM、IFC等數(shù)據(jù)格式,下面這篇文章主要給大家介紹了關(guān)于前端如何使用Cesium加載三維模型的相關(guān)資料,需要的朋友可以參考下2024-05-05
js實(shí)現(xiàn)鼠標(biāo)劃過(guò)給div加透明度的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)劃過(guò)給div加透明度的方法,涉及javascript動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,該方法可兼容火狐與IE瀏覽器,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了javascript制作的cookie封裝及使用指南,需要的朋友可以參考下2015-01-01
vue使用vue-quill-editor富文本編輯器且將圖片上傳到服務(wù)器的功能
這篇文章主要介紹了vue使用vue-quill-editor富文本編輯器且將圖片上傳到服務(wù)器的功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-01-01
JavaScript獲取網(wǎng)頁(yè)中第一個(gè)鏈接ID的方法
這篇文章主要介紹了JavaScript獲取網(wǎng)頁(yè)中第一個(gè)鏈接ID的方法,涉及javascript中document.links方法的使用,需要的朋友可以參考下2015-04-04
javascript實(shí)現(xiàn)選中復(fù)選框后相關(guān)輸入框變灰不可用的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)選中復(fù)選框后相關(guān)輸入框變灰不可用的方法,涉及javascript針對(duì)頁(yè)面元素屬性的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
select、radio表單回顯功能實(shí)現(xiàn)避免使用jquery載入賦值
select、radio表單回顯避免使用jquery載入賦值，最好的做法是：在jsp頁(yè)面進(jìn)行邏輯判斷，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)拼圖小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10