Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]jQUERY nie działa kod z tutoriala.
kosmos
post
Post #1





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

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

Witam,
próbuję zrozumieć jQUERY aby móc zastosować go później w projekcie strony. Znalazłem taki oto kawałek kodu z pewnego kursu, który wklejam poniżej. Po kliknięciu w link więcej, na ekranie powinna wyświetlić się pozostałą treść newsa. Nie mam pojęcia dlaczego to nie działa. Może coś jest nie tak skonfigurowane w systemie? Proszę o pomoc.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
  3. <head>
  4. <title>Strona z newsem</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  6. <!-- dodanie jQuery do dokumentu -->
  7.  
  8. <script type="text/javascript" src="jQuery.js"></script>
  9.  
  10. <!-- Nasz kod java script: -->
  11.  
  12. <script type="text/javascript">
  13.  
  14. 	$(document).ready(
  15. 	function()
  16. 	{	
  17. 		$("#link").click(
  18. 		function()
  19. 		{
  20. 			$("#more").toggle();
  21. 		}).toggle(function() { $(this).text('schowaj'); }, function() { $(this).text("więcej"); });
  22. 	});
  23. </script>
  24.  
  25. </head>
  26. <body>
  27. <div>
  28. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque metus eros, rutrum at, hendrerit nec, posuere ac.<a href="#" id="link">więcej</a></p>
  29.  
  30. <p id="more" style="display: none;">Vivamus pretium fringilla metus. Praesent a enim eu metus scelerisque tincidunt. In auctor lorem et leo.</p>
  31. </div>
  32. </body>
  33. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
kosmos
post
Post #2





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

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

Display jest block bo z tego co się orientuję po załadowaniu musi być ten tekst niewidoczny. Dopiero po kliknięciu w link "więcej" ma się pojawić.

Zmieniłem tak i nadal nie działa:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
  3. <head>
  4. <title>Strona z newsem</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  6. <!-- dodanie jQuery do dokumentu -->
  7.  
  8. <script type="text/javascript" src="jQuery.js"></script>
  9.  
  10. <!-- Nasz kod java script: -->
  11.  
  12. <script type="text/javascript">
  13.  
  14. 	$(document).ready(
  15. 	function()
  16. 	{	
  17. 		$("#link").click(
  18. 		function()
  19. 		{   
  20. 		    $('#more').css('display', 'block');
  21. 			$("#more").toggle();
  22. 		}).toggle(function() { $(this).text('schowaj'); }, function() { $(this).text("więcej"); });
  23. 	});
  24. </script>
  25.  
  26. </head>
  27. <body>
  28. <div>
  29. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque metus eros, rutrum at, hendrerit nec, posuere ac.<a href="#" id="link">więcej</a></p>
  30.  
  31. <p id="more" style="display: block">Vivamus pretium fringilla metus. Praesent a enim eu metus scelerisque tincidunt. In auctor lorem et leo.</p>
  32. </div>
  33. </body>
  34. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- kosmos   [HTML][JavaScript]jQUERY nie działa kod z tutoriala.   17.03.2015, 19:44:48
- - castagir   musisz zmienic styl css #more na widoczny. Masz co...   17.03.2015, 19:49:48
- - kosmos   Display jest block bo z tego co się orientuję po z...   17.03.2015, 19:57:32
- - tzm   http://jsfiddle.net/Lmdk6sts/   17.03.2015, 20:05:08
- - kosmos   Cytat(tzm @ 17.03.2015, 20:05:08 ) ht...   17.03.2015, 20:11:31
|- - tzm   toggleClass tylko zmienia klasę na wskazanym eleme...   17.03.2015, 20:21:37
- - trueblue   Dla jQuery poniżej 1.9: [HTML] pobierz, plaintext ...   17.03.2015, 20:11:42
- - kosmos   No to tak: To co napisał trueblue niestety nie dzi...   17.03.2015, 20:24:21
- - tzm   No to bankowo coś pochrzaniłeś w dowiązaniach, poz...   17.03.2015, 20:27:31
- - trueblue   W pierwszym błąd: http://jsfiddle.net/wb95aw3v/ Dr...   17.03.2015, 20:29:35
- - tzm   jakieś to brzydkie trueblue co pokazujesz, ić   17.03.2015, 20:31:05
- - kosmos   tzm css jest dobrze podpięty. zmieniłem background...   17.03.2015, 20:43:30
- - tzm   [HTML] pobierz, plaintext <script src="ext...   17.03.2015, 20:45:40
- - trueblue   Poprawnie jeśli jQuery.js masz na tej samej ścieżc...   17.03.2015, 20:46:03
- - kosmos   Cytat(tzm @ 17.03.2015, 20:45:40 ) [H...   17.03.2015, 20:57:43
- - tzm   [HTML] pobierz, plaintext <html><head...   17.03.2015, 21:15:34
- - kosmos   Ten przykład działa. Ok już wiem co było nie tak o...   17.03.2015, 21:25:01
- - com   podawali bo mieli, a Ty spinasz go z symfony(jak p...   17.03.2015, 21:41:05
- - kosmos   Dokładnie z Symfony   17.03.2015, 21:43:33

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

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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: 9.10.2025 - 14:01
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn