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:

[HTML] pobierz, plaintext 
  1. <div id="test" class="full-size"></div>
[HTML] pobierz, plaintext


css:
[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext



jQuery:

[HTML] pobierz, plaintext 
  1. $(document).ready(function(){
  2. 	$('#test').show();
  3. })
[HTML] pobierz, plaintext



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:

[HTML] pobierz, plaintext 
  1. $('#test').hide().show();
[HTML] pobierz, plaintext


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---- 

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


[CSS] pobierz, plaintext 
  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. }
[CSS] pobierz, plaintext


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
- zaajcu   jQuery show()   25.09.2014, 12:37:07
- - tzm   Dowód że działa: http://jsfiddle.net/6r7kvbqt/ Z j...   25.09.2014, 12:50:27
- - zaajcu   To to ja wiem, że ten kod powinien działać i na fi...   25.09.2014, 12:56:16
- - viking   W jaki sposób wczytujesz biblioteki (może asynchro...   25.09.2014, 12:59:03
- - tzm   No tez opcja że swój skrypt wczytujesz przed jQuer...   25.09.2014, 13:02:10
- - zaajcu   Dodam że przekopiowałem kod do http://jsfiddle.net...   25.09.2014, 13:05:18
- - viking   Na początek zamknij head i zobacz walidatorem czy ...   25.09.2014, 13:09:08
- - tzm   [HTML] pobierz, plaintext <!DOCTYPE html>...   25.09.2014, 13:13:15
- - zaajcu   Heda zamknąłem validacja ok i dalej to samo F5 nie...   25.09.2014, 13:16:59
- - tzm   Skopiuj sobie to co Ci dałem bo testowałem to w no...   25.09.2014, 13:19:01
- - zaajcu   No faktycznie działa spróbuje to zaadoptować u sie...   25.09.2014, 13:35:38
- - tzm   A zmieniłeś sobie background żeby widzieć tego div...   25.09.2014, 13:39:22
- - zaajcu   Tak dodałem bg. Ale problem rozwiązany i w sumie ...   25.09.2014, 13:44:12
- - tzm   Jak to nie? JavaScript to język skryptowy .... co ...   25.09.2014, 13:47:16
- - zaajcu   Dziwaczne :/ nigdy nie miałem z tym problemów aż d...   25.09.2014, 14:02:16
- - tzm   To klikaj kto pomógł, będziemy mieli porównanie, h...   25.09.2014, 14:04:42

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 14.10.2025 - 05:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn