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

Question

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

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

在页面加载时，此插件已应用，但它有点慢。它首先显示选择组合平原没有任何CSS和2秒后。此插件已应用。

我试图在_Layout.cshtml

中将这个包装在dom中

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

但没有改变。

问题是：如何在我的组合选择中预加载css以在内容显示时立即显示

Answer 1

您无法将CSS应用于选择，因为选择不是最终显示的内容。插件创建的是一组完全不同的元素。我的解决方案只是隐藏原始的选择元素。

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

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

#divOne {display: none;}