多个Bootstrap-select加载非常慢

Question

当我尝试在网站上放置多个选项(超过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
  });
});

Answer 1

我也在使用引导选择。这个技巧解决了我关于页面加载时 bootstrap-select 渲染延迟的问题：似乎在页面加载时，dom 元素通常在 selectpicker 之前渲染，这使得 CSS “重新缩放”，导致可怕的效果。

通常 selectpicker 第一次渲染需要 500 毫秒，您可以像下面这样在元素定义之后强制渲染，避免这种延迟，如下所示：

<select class="selectpicker" id="your_select">
   <option>...</option>
   ...
   <option>...</option>
</select>
<script>
   $("#your_select").selectpicker("render");
</script>

猜猜它有帮助:)

Answer 2

在我的情况下，简单地接受也是完全可以的

 $('.selectpicker').selectpicker();

在......之外

$(document).ready(function() ...