Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: wersje jquery
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
darksiders94
17.08.2014, 13:43:57
Witam,
Mam skrypt jquery, który w wersji 1.6.2 wykonuje się bez zarzutu, a kiedy już podepnę plik z nowszą wersją jquery to skrypt wykonuje się bez kliknięcia tylko od razu po przeładowaniu strony. Dodatkowo wykonuje się źle. O co może chodzić?

[PHP] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <link rel="stylesheet" href="style.css" type="text/css" />
  6. <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  7. <script type="text/javascript">
  8.  
  9. $(document).ready(function () {
  10.  
  11.  
  12.  
  13. $("#abc").toggle(
  14. 	function(){
  15.  
  16. 		$(".gruby").fadeTo(150,0);
  17.  
  18. 	},
  19. 	function(){
  20.  
  21. 		$(".gruby").fadeTo(150,1);
  22.  
  23. 	}
  24. );
  25.  
  26.  
  27.  
  28. });
  29.  
  30. </script>
  31. </head>
  32.  
  33. <body>
  34.  
  35. <div id="otoczka">
  36. 	<h1>Tytuł strony</h1>
  37.  
  38. 	<p class="tekst">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  39.  
  40. 	<div id="abc">
  41.  
  42. 		<p class="gruby">Gruby tekst w elemencie DIV</p>
  43.  
  44. 	</div>
  45.  
  46. 	<p class="tekst gruby">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  47. 	<p class="tekst">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  48.  
  49. </div>
  50.  
  51. </body>
  52. </html>
[PHP] pobierz, plaintext
gorden
17.08.2014, 16:30:38
zamień toggle na click, a fadeTo na fadeToggle

[JAVASCRIPT] pobierz, plaintext 
  1. $("#abc").click(
  2. 	function(){
  3.  
  4. 		$(".gruby").fadeToggle(150);
  5.  
  6. 	}
  7. );
[JAVASCRIPT] pobierz, plaintext
darksiders94
17.08.2014, 16:52:57
Dziękuję za pomoc biggrin.gif
Skąd ta różnica? Jakieś nowsze reguły?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.