Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> jQuery show(), Nie działa w chromie
zaajcu
post
Post #1





Grupa: Zarejestrowani
Postów: 206
Pomógł: 3
Dołączył: 18.08.2011
Skąd: Chrzanów

Ostrzeżenie: (0%)
-----


Cześć.

Mam mały problem z chromem, a mianowicie nie działa mi jak trzeba funkcja show() z jquery. Jak daje F5 do się element nie pokazuje, po wciśnięciu Ctrl+F5 w większości przypadków działa jak trzeba.

W Dom jest tylko jeden element:

  1. <div id="test" class="full-size"></div>


css:
  1.  
  2. .full-size{
  3. height: 1080px!important;
  4. min-height: 1080px;
  5. max-height: 1080px;
  6. width: 1920px!important;
  7. min-width: 1920px;
  8. max-width: 1920px;
  9. overflow: hidden;
  10. }
  11.  
  12. #test{
  13. position: absolute !important;
  14. top:0;
  15. left:0;
  16. display: none;
  17. }



jQuery:

  1. $(document).ready(function(){
  2. $('#test').show();
  3. })



Używam bibliotek jquery:

http://code.jquery.com/jquery-1.11.1.min.js
http://code.jquery.com/ui/1.11.1/jquery-ui.min.js

Co jest jeszcze lepsze. Jak dam w jQuery zrobie tek:

  1. $('#test').hide().show();


To wszystko działa:/

Co z tym jest nie tak?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
tzm
post
Post #2





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


  1. <!DOCTYPE html>
  2. <meta name="description" content="">
  3. <meta name="keywords" content="">
  4. <meta charset="UTF-8">
  5. <link type="text/css" href="style.css" rel="stylesheet" />
  6. <script type="text/javascript" src="lib/jquery-1.11.1.min.js"></script>
  7. <script type="text/javascript" src="lib/jquery-ui.min.js"></script>
  8. <script type="text/javascript" src="jquery.js"></script>
  9. </head>
  10. <div class="full-size">
  11. <div id="test">
  12. </div>
  13. </div>
  14. </body>
  15. </html>


  1.  
  2. .full-size{
  3. height: 1080px!important;
  4. min-height: 1080px;
  5. max-height: 1080px;
  6. width: 1920px!important;
  7. min-width: 1920px;
  8. max-width: 1920px;
  9. overflow: hidden;
  10. }
  11.  
  12. #test{
  13. position: absolute !important;
  14. top:0;
  15. left:0;
  16. display: none;
  17. background:red;
  18. width:100%;
  19. height:100%;
  20. }


Edit: sam nie zauwazylem braku /head , ale tak juz dziala.

Ten post edytował tzm 25.09.2014, 13:14:40
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 13.10.2025 - 23:14