当我尝试在网站上放置多个选项(超过20个)时,它会减慢jquery执行速度(使用停止/继续警报) - 是否有机会优化代码以加快速度 - 加载需要几分钟?
示例代码
<td><select class="selectpicker" name="ref[240][sub_class]">
<option value=0 selected="selected" >A</option>
<option value=1>B</option></select></td>
<td><select class="selectpicker" name="ref[265][sub_class]">
<option value=0>A</option>
<option value=1 selected="selected" >B</option></select></td>
文件末尾的javascript:
$(document).ready(function() {
$('.selectpicker').selectpicker({
style: 'btn-info',
size: 1
});
});
我也在使用bootstrap select。这个技巧解决了我在页面加载时引导选择渲染延迟的问题:似乎在页面加载时,dom元素通常在selectpicker之前渲染,这使得CSS“重新缩放”会导致可怕的效果。
通常selectpicker为第一次渲染需要500ms,你可以在元素定义之后强制渲染,如下所示,避免这种延迟,如下所示:
<select class="selectpicker" id="your_select">
<option>...</option>
...
<option>...</option>
</select>
<script>
$("#your_select").selectpicker("render");
</script>
猜它有帮助:)
在我的情况下,简单的采取也是完全可以的
$('.selectpicker').selectpicker();
在......之外
$(document).ready(function() ...