Javascript jquery show（）不起作用，除非在此之后调用警报

我使用

jquery.show（）

来显示

div

，但我看不到显示效果，除非像这样在显示后调用alert方法：

JavaScript:

 $("#screenAsLayer").show();
 $("#screenAsLayer_content").show();
 alert("aa");

<div id="screenAsLayer" class="screenAsLayer"></div>
<div id="screenAsLayer_content" class="screenAsLayer_content">
  <img src="..../img/....gif">
</div>

.screenAsLayer{
 display:none;
 z-index:9;
 position:abosolute;
}
.screenAsLayer_content{
 display:none;
 z-index:10;
 position:abosolute;
}

$(document).ready(function() {
 $("#screenAsLayer").show();
 $("#screenAsLayer_content").show();
});

HTML:

 $("#screenAsLayer").show();
 $("#screenAsLayer_content").show();
 alert("aa");

<div id="screenAsLayer" class="screenAsLayer"></div>
<div id="screenAsLayer_content" class="screenAsLayer_content">
  <img src="..../img/....gif">
</div>

.screenAsLayer{
 display:none;
 z-index:9;
 position:abosolute;
}
.screenAsLayer_content{
 display:none;
 z-index:10;
 position:abosolute;
}

$(document).ready(function() {
 $("#screenAsLayer").show();
 $("#screenAsLayer_content").show();
});

---

试试这个：

 $("#screenAsLayer").show();
 $("#screenAsLayer_content").show();
 alert("aa");

<div id="screenAsLayer" class="screenAsLayer"></div>
<div id="screenAsLayer_content" class="screenAsLayer_content">
  <img src="..../img/....gif">
</div>

.screenAsLayer{
 display:none;
 z-index:9;
 position:abosolute;
}
.screenAsLayer_content{
 display:none;
 z-index:10;
 position:abosolute;
}

$(document).ready(function() {
 $("#screenAsLayer").show();
 $("#screenAsLayer_content").show();
});

---

我不明白你在说什么。你确定DOM已经准备好了吗？而且你的position属性中有一个输入错误。在

$（document.ready（function（）{}）中编写一个代码我已经为您创建了一个JSFIDLE：感谢FIDLE展示了@TiagoMarinho的工作示例