Javascript 在我的组合选择上预加载css

在我的js文件中，我将jquery插件应用于样式组合框

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

在页面加载时，应用了这个插件，但速度有点慢。它首先显示选择组合平原没有任何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();

如果这仍然会导致可见延迟，则需要将CSS应用于select元素。但是，这会导致没有JavaScript的用户无法使用该列表

#divOne {display: none;}