Javascript 如何减少备用样式表的加载时间?
我正在使用jQuery主题切换器(带有本地存储)。我有四个钮扣。单击每个按钮后,将加载相应的主题 但我这里有个问题。每次加载页面时,默认主题将首先加载并切换到存储在本地存储中的主题。如何在不显示默认主题的情况下快速加载备用样式表Javascript 如何减少备用样式表的加载时间?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用jQuery主题切换器(带有本地存储)。我有四个钮扣。单击每个按钮后,将加载相应的主题 但我这里有个问题。每次加载页面时,默认主题将首先加载并切换到存储在本地存储中的主题。如何在不显示默认主题的情况下快速加载备用样式表 "<link id="styleswitch" href="#" rel="stylesheet" /> " <ul class="nav collapse" style=""> <li> &l
"<link id="styleswitch" href="#" rel="stylesheet" /> "
<ul class="nav collapse" style="">
<li>
<a href="javascript:void(0);" data-toggle="load-css" data-uri="../../Styles/theme1.css" class="no-submenu">
<div class="label pull-right" style="background-color:#2980b9"><i class="fa fa-paint-brush"></i></div>
<span class="item-text"> Dodger Blue</span>
</a>
</li>
<li>
<a href="javascript:void(0);" data-toggle="load-css" data-uri="../../Styles/theme2.css" class="no-submenu">
<div class="label pull-right" style="background-color:#85668B"><i class="fa fa-paint-brush"></i></div>
<span class="item-text"> Medium Purple</span>
</a>
</li>
<li>
<a href="javascript:void(0);" data-toggle="load-css" data-uri="../../Styles/theme3.css" class="no-submenu">
<div class="label pull-right" style="background-color:#7EA53C"><i class="fa fa-paint-brush"></i></div>
<span class="item-text"> Olive Green</span>
</a>
</li>
<li>
<a href="javascript:void(0);" data-toggle="load-css" data-uri="../../Styles/theme4.css" class="no-submenu">
<div class="label pull-right" style="background-color:#6D90C5"><i class="fa fa-paint-brush"></i></div>
<span class="item-text"> Cornflower Blue</span>
</a>
</li>
<li>
<a href="javascript:void(0);" data-toggle="load-css" data-uri="../../Styles/theme5.css" class="no-submenu">
<div class="label pull-right" style="background-color:#1E5237"><i class="fa fa-paint-brush"></i></div>
<span class="item-text"> Default theme</span> <!--this is the default theme -->
</a>
</li>
</ul>
“”
-
-
-
-
-
这是一个常见的“闪烁”问题,在AngularJS等框架中也可以看到
解决办法相当简单。您可以隐藏内容,直到初始化完成
CSS
JS
这是一个常见的“闪烁”问题,在AngularJS等框架中也可以看到 解决办法相当简单。您可以隐藏内容,直到初始化完成 CSS JS
这是一个常见的“闪烁”问题,在AngularJS等框架中也可以看到 解决办法相当简单。您可以隐藏内容,直到初始化完成 CSS JS
这是一个常见的“闪烁”问题,在AngularJS等框架中也可以看到 解决办法相当简单。您可以隐藏内容,直到初始化完成 CSS JS
您好,您可以使用jQuery的Append或prepend方法添加样式表,也可以使用jQuery的Delay()添加样式表,以便根据您的时间线需求添加样式表
$(文档).ready(函数(){
setTimeout(函数(){
$(“标题”)。附加(“”);
}, 3000);
});代码>
标题在这里
你好
您好,您可以使用jQuery的Append或prepend方法添加样式表,也可以使用jQuery的Delay()添加样式表,以便根据您的时间线需求添加样式表
$(文档).ready(函数(){
setTimeout(函数(){
$(“标题”)。附加(“”);
}, 3000);
});代码>
标题在这里
你好
您好,您可以使用jQuery的Append或prepend方法添加样式表,也可以使用jQuery的Delay()添加样式表,以便根据您的时间线需求添加样式表
$(文档).ready(函数(){
setTimeout(函数(){
$(“标题”)。附加(“”);
}, 3000);
});代码>
标题在这里
你好
您好,您可以使用jQuery的Append或prepend方法添加样式表,也可以使用jQuery的Delay()添加样式表,以便根据您的时间线需求添加样式表
$(文档).ready(函数(){
setTimeout(函数(){
$(“标题”)。附加(“”);
}, 3000);
});代码>
标题在这里
你好
我已经发布了您可以在未使用的样式表中添加disabled
属性,这将禁用该文件中的样式。这个问题的标题有点误导。增加加载时间意味着您将减慢加载速度。相反,你想要的恰恰相反。我很抱歉。。。我很忙…是的,我已经更正了问题的标题我已经发布了您可以在未使用的样式表中添加disabled
属性,这将禁用该文件中的样式。这个问题的标题有点误导。增加加载时间意味着您将减慢加载速度。相反,你想要的恰恰相反。我很抱歉。。。我很忙…是的,我已经更正了问题的标题我已经发布了您可以在未使用的样式表中添加disabled
属性,这将禁用该文件中的样式。这个问题的标题有点误导。增加加载时间意味着您将减慢加载速度。相反,你想要的恰恰相反。我很抱歉。。。我很忙…是的,我已经更正了问题的标题我已经发布了您可以在未使用的样式表中添加disabled
属性,这将禁用该文件中的样式。这个问题的标题有点误导。增加加载时间意味着您将减慢加载速度。相反,你想要的恰恰相反。我很抱歉。。。我很匆忙……是的,我已经更正了我问题的标题
body {
display: none;
}
body.initialized {
display: block;
}
// Initialization like loading the stylesheet, then
document.body.classList.add('initialized');