在模態窗口中該插件的下拉選項會被輸入框遮擋,現給bootstrap-select控件綁定事件,當控件徹底加載後設置 控制下拉框的 最小高度的屬性,具體值請自行調試。css
而且給輸入搜索框綁定輸入事件,作一樣的處理。bootstrap
本處理方式還有一個問題,假如刪除搜索值從新搜索,就又被擋住了。從新點擊下拉框按鈕能夠徹底顯示,因爲不太影響使用,因此暫時不研究了。spa
HTML插件
<select id="queryVlan" class="selectpicker form-control" name="vlan" data-live-search="true" > <option value='' selected>全部</option> </select>
JS3d
$("#queryVlan").on('shown.bs.select',function(e){ $('.dropdown-menu').css('min-height',300); $('.dropdown-menu').css('transform','translate3d(0px, 29px, 0px)'); $('#queryVlan').parent().find("input").keydown(function(){ $('.dropdown-menu').css('min-height',240); $('.dropdown-menu').css('transform','translate3d(0px, 29px, 0px)'); console.log('hahahah'); }) })