Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery][JS] Problem z scrollTo
Forum PHP.pl > Forum > Po stronie przeglądarki
robal94
13.08.2012, 13:48:01
Witam!
Potrzebowałem skorzystać z poradnika który jest umieszczony na tej stronie i na moim komputerze, przed wysłaniem na serwer wszystko działa jak należy. Dopiero po wstawieniu do neta, nie działa nic. Oto kod tej stronki

jQuery_function:
[HTML] pobierz, plaintext 
  1. $(function() {
  2. 	$.localScroll();
  3.  
  4. 	$("#zdjecia").fadeIn(1,function(){});
  5. 	//do galerii
  6.     var fZmiana = function(){
  7. 	$("#zdjecia").load('los.php');
  8. 	}
  9.  
  10. 	var fFirstStep = function(){
  11.         $("#zdjecia").fadeIn(6000,fSecondStep);
  12. 	},
  13. 	fStop = function(){
  14. 	fZmiana();
  15. 	setTimeout(fFirstStep, 1000);
  16. 	},
  17.     fSecondStep = function(){  
  18. 		$("#zdjecia").fadeOut(6000,fStop);
  19.  
  20. 	};
  21. 	$("#zdjecia").fadeOut(1);
  22.     fStop();
  23.  
  24. 	});
  25.  
[HTML] pobierz, plaintext



Index:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2. <html>
  3. <head>
  4. <title>Best Brain</title>
  5. 			<link rel="Stylesheet" type="text/css" href="style_str2.css" />
  6. 			<meta http-equiv="Content-Language" content="pl" />
  7. 		 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  8. 			<script type="text/javascript" src="jquery.js"></script>
  9. 			<script type="text/javascript" src="jquery_function.js"></script>
  10. 			<script src="jquery.scrollTo.js" type="text/javascript" charset="utf-8"></script>
  11. 			<script src="jquery.localscroll.js" type="text/javascript" charset="utf-8"></script>
  12. 			<script type="text/javascript">
  13.  
  14.   var _gaq = _gaq || [];
  15.   _gaq.push(['_setAccount', 'UA-31234554-1']);
  16.   _gaq.push(['_trackPageview']);
  17.  
  18.   (function() {
  19.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  20.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  21.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  22.   })();
  23.  
  24. </script>
  25. </head>
  26. <body >
  27. 	<div id="calosc">
  28. 	<div id="strona">
  29. 		<div id="top">
  30. 		</div>
  31. 		<div id="menu">		
  32. 			<a class="menu"  href="#skok"><div id="menu1">Twój mózg</div></a>
  33. 			<a class="menu" href="projekty.php"><div id="menu2">O projekcie</div></a>
  34. 			<a class="menu" href="misja.php"><div id="menu3">Oferta</div></a>
  35. 			<a class="menu" href="onas.php"><div id="menu4">O nas</div></a>
  36. 			<a class="menu" href="kontakt.php"><div id="menu5">Kontakt</div></a>
  37. 		</div>
  38. 		<div id="center"><br /><center><div id="mapa">
  39. 		<a href="http://www.bestbrain.pl/kiedys.php"><img src="1.png" class="margin0" id="img_0" border=0  /></a><br>
  40. <a href="#skok"" ><img src="2_1.png" class="margin0" id="img_1" border=0  /></a><a href="http://www.bestbrain.pl/kiedys.php"><img src="2_2.png" class="margin0" id="img_2"  border=0  /></a><a href="http://www.bestbrain.pl/warsztaty.php" ><img src="2_3.png" class="margin0" id="img_33"  border=0  /></a><br>
  41. <a href="#skok"" ><img src="3a_1.png" class="margin0" id="img_3" border=0  /></a><a href="http://www.bestbrain.pl/kiedys.php"><img src="3a_2.png" class="margin0" id="img_4"border=0  /></a><a href="http://www.bestbrain.pl/warsztaty.php" ><img src="3a_3.png" class="margin0" id="img_34"border=0  /></a><br>
  42. <a href="http://www.bestbrain.pl/projekty.php" ><img src="3b_1.png" class="margin0" id="img_5"border=0  /></a><a href="http://www.bestbrain.pl/" ><img src="3b_2.png" class="margin0" id="img_6" border=0  /></a><a href="http://www.bestbrain.pl/misia.php" ><img src="3b_3.png" class="margin0" id="img_7"border=0  /></a><a href="http://www.bestbrain.pl/misia.php" ><img src="3b_4.png" class="margin0" id="img_8"border=0  /></a><a href="http://www.bestbrain.pl/zaj_ind.php" ><img src="3b_5.png" class="margin0" id="img_9"border=0  /></a><br>
  43. <a href="http://www.bestbrain.pl/projekty.php" ><img src="4a_1.png" class="margin0" id="img_10"border=0  /></a><a href="http://www.bestbrain.pl/" ><img src="4a_2.png" class="margin0" id="img_11"border=0  /></a><a href="http://www.bestbrain.pl/misia.php" ><img src="4a_3.png" class="margin0" id="img_12"border=0  /></a><a href="http://www.bestbrain.pl/zaj_ind.php" ><img src="4a_4.png" class="margin0" id="img_13"border=0  /></a><br>
  44. <a href="http://www.bestbrain.pl/projekty.php" ><img src="4b_1.png" class="margin0" id="img_14"border=0  /></a><img src="4b_2.png" class="margin0" id="img_15"border=0  /></a><a href="http://www.bestbrain.pl/bartek.php" ><img src="4b_3.png" class="margin0" id="img_16"border=0  /></a><br>
  45. <a href="http://www.bestbrain.pl/projekty.php" ><img src="5a_1.png" class="margin0" id="img_17"border=0  /></a><img src="5a_2.png" class="margin0" id="img_18"border=0  /></a><a href="http://www.bestbrain.pl/bartek.php" ><img src="5a_3.png" class="margin0" id="img_19"border=0  /></a><br>
  46. <a href="http://www.bestbrain.pl/kontakt.php" ><img src="5b_1.png" class="margin0" id="img_20"border=0  /></a><img src="5b_2.png" class="margin0" id="img_21"border=0  /></a><a href="http://www.bestbrain.pl/bartek.php" ><img src="5b_3.png" class="margin0" id="img_22"border=0  /></a><br>
  47. <a href="http://www.bestbrain.pl/kontakt.php" ><img src="5c_1.png" class="margin0" id="img_23"border=0  /></a><a href="http://www.bestbrain.pl/onas.php" ><img src="5c_2.png" class="margin0" id="img_24"border=0  /></a><a href="http://www.bestbrain.pl/tobiasz.php" ><img src="5c_3.png" class="margin0" id="img_25"border=0  /></a><br>
  48. <a href="http://www.bestbrain.pl/kontakt.php" ><img src="6a_1.png" class="margin0" id="img_26"border=0  /></a><a href="http://www.bestbrain.pl/onas.php" ><img src="6a_2.png" class="margin0" id="img_27"border=0  /></a><a href="http://www.bestbrain.pl/onas.php" ><img src="6a_3.png" class="margin0" id="img_28"border=0  /></a><a href="http://www.bestbrain.pl/tobiasz.php" ><img src="6a_4.png" class="margin0" id="img_29"border=0  /></a><br>
  49. <a href="http://www.bestbrain.pl/kontakt.php" ><img src="6b_1.png" class="margin0" id="img_30"border=0  /></a><a href="http://www.bestbrain.pl/media.php" ><img src="6b_2.png" class="margin0" id="img_31"border=0  /></a><br>
  50. <a href="http://www.bestbrain.pl/media.php" ><img src="7.png" class="margin0" id="img_32"border=0  /></a><br><br>
  51. 		</div></center><br><br><br><br><a href="#" id="skok"></a>
  52. 		Wyobraź sobie, że na rynku pojawiło się właśnie nowoczesne urządzenie elektroniczno-chemiczne umożliwiające przechowywanie nieskończonej ilości danych, ich kreatywne łączenie i przetwarzanie. Ponadto jest to urządzenie przenośne i kompatybilne ze wszystkimi innym urządzeniami jakie powstały do tej pory na świecie. Okazuje się, że właśnie otrzymałeś to urządzenie zupełnie za darmo i do wykorzystania w dowolnym celu.
  53.  <br /><br />&emsp;&emsp;Oczywiście mowa o <strong>Twoim mózgu</strong> – niezwykłym komputerze zbudowanym z milionów jednostek pamięci, połączonych siecią przekaźników, nieskrępowanym schematami, wyjątkowym i niepowtarzalnym, wyprzedzającym dzisiejszą technologię o lata świetlne.
  54.  <br /><br />&emsp;&emsp;<strong>BestBrain</strong> to projekt, którego celem jest przekazanie instrukcji do obsługi tego urządzenia, tak aby w naturalny sposób korzystanie z niego było efektywne i dawało pełną satysfakcję z realizowanych przy jego użyciu zadań. Instrukcja ta to zbiór wskazówek popartych ćwiczeniami, przekazywanych przez praktyków, czyli tych którzy poznali o ile łatwiej się żyje 
  55.  z taką instrukcją w kieszeni. Aby dowiedzieć się o szczegółach zapraszamy do zakładki <a class="normalBlack" href="projekty.php"><i>o projekcie</i></a>.
  56. 		<br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
  57. 	</div>
  58.  
  59. 		<div id="zdjecia">
  60. 		<span class="koniecstopki"></span>
  61. 		</div>
  62. 		</div>
  63.  
  64. </body>
  65. </html>
[HTML] pobierz, plaintext


Proszę o pomoc.
erix
13.08.2012, 14:19:08
A co w konsoli błędów?
robal94
15.08.2012, 12:25:21
Sorry, zapomniałem dodać do pierwszego postu. Oto bląd(chrome):

Kod
Uncaught TypeError: Object [object Object] has no method 'scrollTo' jquery.localscroll.js:9
i jquery.localscroll.js:9
$.fn.localScroll jquery.localscroll.js:9
f.event.dispatch jquery.js:3
f.event.add.h.handle.i


Czyli nikt nie potrafi pomóc?
AdIoS_Neo
15.08.2012, 12:38:11
Witam,
masz jakiś przykład online ? Spróbuj wstawić skrypty w headzie w takiej kolejności:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="jquery.js"></script>
  2. <script src="jquery.scrollTo.js" type="text/javascript" charset="utf-8"></script>
  3. <script src="jquery.localscroll.js" type="text/javascript" charset="utf-8"></script>
  4. <script type="text/javascript" src="jquery_function.js"></script>
[HTML] pobierz, plaintext
robal94
18.08.2012, 12:24:21
Teraz działa, tylko że nie płynnie, ale może być. Dzięki wielkie:)
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.