jquery show() not work unless invoke alert after that

Question

i use jquery.show() to display a div, but I cannot see the display effect, unless invoke alert after show method like this:

JavaScript:

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

HTML:

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

CSS:

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

JSFiddle Demo

This, I would like to see in a jsFiddle because what you're saying doesn't seem possible unless there's more to your problem than you're showing here (like a long running piece of javascript that follows). — jfriend00, Jul 12 '14 at 04:00
I've created a JSFiddle for you: http://jsfiddle.net/TiagoMarinho/3U6mE/ — Tiago Marinho, Jul 12 '14 at 04:01
i think you want to see an effect like this: http://jsfiddle.net/XZ8Yg/ — Burak, Jul 12 '14 at 04:04
Please [**read the jQuery tutorial**](https://learn.jquery.com/about-jquery/). — Felix Kling, Jul 12 '14 at 04:18

score 2 · Accepted Answer · edited Jul 12 '14 at 04:05

2

Try this out:

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

Working Fiddle

edited Jul 12 '14 at 04:05

Tiago Marinho

1,988
14
35

answered Jul 12 '14 at 04:01

ak0053792

453
1
4
17

Thanks for the fiddle to show working example @TiagoMarinho – ak0053792 Jul 12 '14 at 04:07

jquery show() not work unless invoke alert after that

1 Answers1