多个引导选择加载非常慢
multiple Bootstrap-select loads very slow
当我尝试在网站上放置多个选择(超过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
});
});
我也在使用引导选择。这个技巧解决了我在页面加载时关于引导选择渲染延迟的问题:似乎在页面加载中,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() ...
对我来说,在加载js
后立即强制渲染实际上会立即显示select
,而不是等待整个页面加载:
<script src="~/assets/js/bootstrap-select.min.js"></script>
<script>
$(".selectpicker").selectpicker();
</script>
对我来说,是引导冲突的问题。我在CMS Joomla中使用这个,所以从我加载的Bootstrap与另一个(从CMS)冲突。由于我删除了重复的文件-所有开始工作良好
问候OrdaSoft团队
相关文章:
- gmaps API v3在IE上加载非常慢
- 为什么AngularJS在页面加载时没有自动绑定属性?包括一个非常简单的例子
- 聚合物元素加载非常缓慢
- 启动网站时,页面和图像加载速度非常慢
- while 循环使页面重新加载非常慢
- 太多的音频标签使我的网站加载速度非常慢.有没有解决方案
- 使用非常长的 URL 参数加载 iframe
- 如何在加载非常大的图像时显示加载屏幕
- $cordovaContacts加载速度非常慢
- 使用JSON的iPad,平板电脑和手机的图像加载非常缓慢
- IE8(javascript):在SELECT元素中加载大量选项的速度非常慢
- 改善加载时间非常长的滚动页面的图像
- JQuery在Firefox / Chrome加载非常慢,IE没有问题
- 一个非常简单的查询-用webpack加载普通的旧javascript文件
- 非常大的文档,如何提高加载超过50%没有显示在一个单一的时间
- 非常技术性- Modal需要时间来加载.如何减少加载时间
- 我应该只加载javascript模块时需要,也如果他们是非常小
- 多个引导选择加载非常慢
- Javascript图片库-图片太多,页面加载非常慢
- D3.JS无法加载非常大的.csv文件