预加载CSS在我的组合选择

preload css on my combo select

本文关键字：组合 选择 我的 加载 CSS      更新时间：2023-09-26

在我的js文件中，我使用jquery插件来样式组合框。

 $("#divOne").selectBoxIt().data("selectBox-selectBoxIt");
 $("#divTwo").selectBoxIt().data("selectBox-selectBoxIt");

在页面加载这个插件是应用，但它有点慢。它首先显示select combo plain没有任何CSS和2秒后。

我试着把这个包在dom ready on _Layout.cshtml

$(document).ready(function () {
   $("#divOne").selectBoxIt().data("selectBox-selectBoxIt");
   $("#divTwo").selectBoxIt().data("selectBox-selectBoxIt");
})

但没有任何变化。

问题是:我如何在我的组合选择上预加载css，以便在内容显示

时立即显示

不能对选择应用CSS，因为选择并不是最终显示的内容。插件创建的是一组完全不同的元素。我的解决方案就是隐藏原来的select元素。

$('#divOne').hide().selectBoxIt();

如果这仍然导致明显的延迟，则需要对select元素应用CSS。然而，这将导致没有JavaScript的人无法使用该列表。

#divOne {display: none;}
相关文章：