在加载期间显示微调器时,我试图在页面加载期间隐藏div。但它不起作用。
以下是我要做的事情:
<script language="javascript" type="text/javascript">
$(window).load(setTimeout(function() {
//$('#results').hide();
$("#spinner").fadeOut();
//$('#results').show();
}, 3000));
</script>
我缺少什么?
如何在加载页面时隐藏我的div(id =结果),并且我想在页面完全加载后将其显示回来。我怎么能这样做?
答案 0 :(得分:2)
您的代码(如果您取消注释#results内容)等待3秒,隐藏#result
,淡化微调器,然后显示#result
。
您可能希望在等待三秒之前隐藏结果:
<script language="javascript" type="text/javascript">
$('#results').hide();
$(window).load(setTimeout(function() {
$("#spinner").fadeOut();
$('#results').show();
}, 3000));
</script>
当然,等待3秒并不是显示微调器的理想方式,但我将其留作读者练习,因为这与问题没有直接关系。
如果您默认隐藏#results
,也可能是内联的,那么您的结果也会有所改善。否则,您可能会在慢速网络和/或慢速设备上出现延迟,导致显示#result
,然后加载javascript / CSS并隐藏它,然后在隐藏微调器后再次显示它。 / p>
<div id="results" style="display: none"> ... </div>
答案 1 :(得分:2)
<hdiv:startParameter>.*</hdiv:startParameter>
System.Web.HttpUtility.HtmlEncode()
$( window ).load(function() {
$('.show').show()
});