bootstrap-select 模態窗口下 select選項被遮擋(顯示不全)的問題解決辦法


在模態窗口中該插件的下拉選項會被輸入框遮擋,現給bootstrap-select控件綁定事件,當控件完全加載后設置 控制下拉框的 最小高度的屬性,具體值請自行調試。

並且給輸入搜索框綁定輸入事件,做同樣的處理。

本處理方式還有一個問題,假如刪除搜索值重新搜索,就又被擋住了。重新點擊下拉框按鈕可以完全顯示,由於不太影響使用,所以暫時不研究了。

HTML

 <select id="queryVlan" class="selectpicker form-control" name="vlan"  data-live-search="true" > 
                                            <option value='' selected>所有</option>
                                        </select>

JS

$("#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');

    })
})

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM