7

当我尝试在网站上进行多项选择（超过 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
  });
});
4

4 回答 4

6

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

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

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

猜猜它有帮助:)

于 2017-01-30T01:07:40.987 回答
5

就我而言，简单地采取

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

在......之外

$(document).ready(function() ...
于 2018-08-31T19:50:49.660 回答
4

js对我来说，在加载后立即强制渲染使select页面几乎立即出现，而不是等待整个页面加载：

<script src="~/assets/js/bootstrap-select.min.js"></script>
<script>
    $(".selectpicker").selectpicker();
</script>
于 2019-07-13T14:16:29.957 回答
-1

对我来说，是引导冲突的问题。我在 CMS Joomla 中使用它，所以从我那里加载 Bootstrap 与另一个（来自 CMS）冲突。当我删除重复文件时 - 一切开始工作良好

问候 OrdaSoft 团队

于 2021-03-12T09:47:15.280 回答