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