javascript - Bootstrap-select 插件 : how to avoid flickering

Question

Bootsrap-select 插件非常棒(http://silviomoreto.github.io/bootstrap-select/)。它提供了一种在 Bootstrap 中创建华丽的选择菜单的极其简单的方法。然而，我遇到的一个问题是页面加载时“闪烁”。我的意思很简单:

1. 页面加载了原始的 HTML select 元素(当然看起来像废话)
2. Bootstrap-select 插件 JS 运行
3. 在页面加载后的某个明显时间，原始 HTML select 元素在步骤 (2) 中被 JS 转换为漂亮的 Bootstrap-select 元素。

因此，用户首先看到 HTML select 元素，然后看到它切换到漂亮的 Bootstrap-select 项目，因此“闪烁”。

有没有人找到解决问题的好方法？

Answer 1

要在加载 bootstrap-select 之前显示空白，请将其添加到您的 css。

select {
   visibility: hidden;
}