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'); }) })
本文来自博客园,作者:迷神图卷,转载请注明原文链接:https://www.cnblogs.com/CryOnMyShoulder/p/10893113.html